在表单和javascript之间丢失变量值

时间:2014-02-05 00:27:52

标签: javascript mysql forms html-form

我在使用表单值方面遇到了很多麻烦,首先我回显了MYSQL插入函数,以查看哪些数据正在尝试放入数据库,而对于一个MYSQL插入函数,它将我输入的大部分数据替换为{ {1}}所以首先我认为这是我的''函数在我的代码的PHP部分,但我删除了这个,同样的事情仍在发生,我现在不知道它出错了但我在猜介于Javascript和表单之间。我现在真的迷失在哪里。 User表的INSERT函数完全正常,它可以获取所有输入的数据,但是使用此Member表,它是一个不同的故事

的Javascript

preg_replace

表格

     function restrict(elem){
    var tf = _(elem);
    var rx = new RegExp;
    if(elem === "email"){
        rx = /[' "]/gi;
    } else if(elem === "username"){
        rx = /[^a-z0-9]/gi;
    } else if(elem === "mobileNumber"){
            rx = /[^0-9]/gi;
        }
    tf.value = tf.value.replace(rx, "");
}
function emptyElement(x){
    _(x).innerHTML = "";
}
function checkusername(){
    var u = _("username").value;
    if(u !== ""){
        _("unamestatus").innerHTML = 'checking ...';
        var ajax = ajaxObj("POST", "signup.php");
        ajax.onreadystatechange = function() {
            if(ajaxReturn(ajax) === true) {
                _("unamestatus").innerHTML = ajax.responseText;
            }
        };
        ajax.send("usernamecheck="+u);
    }
}
function signup(){
    var u = _("username").value;
    var e = _("email").value;
        var m = _("mobileNumber").value;
    var p1 = _("pass1").value;
    var p2 = _("pass2").value;
    var ci = _("city").value;
        var pc = _("postcode").value;
        var c = _("country").value;
        var d = _("dateOfBirth").value;
    var g = _("gender").value;
        var ln = _("lastName").value;
        var fn = _("firstName").value;

    var status = _("status");
    if(u === "" || e === "" || p1 === "" || p2 === "" || c === ""
        || g === "" || m === "" || ci === "" || pc === "" || d === ""  ){
        status.innerHTML = "Fill out required fields";
    } else if(p1 !== p2){
        status.innerHTML = "Your password fields do not match";
        }else if(m.value !== 11 && isNaN(m)){ 
        status.innerHTML = "Please enter valid mobile number";
         }else if(d === "dd/mm/yyyy"){ 
        status.innerHTML = "Please enter your date of birth";



    } else {
             //ajax to send form data to php
        //hides sign button
                _("signupbtn").style.display = "none";
        status.innerHTML = 'please wait ...';
                //wait until php verifies data
        var ajax = ajaxObj("POST", "signup.php");
        ajax.onreadystatechange = function() {
            if(ajaxReturn(ajax) === true) {
           //if sign not succesful unhide button
                    if(ajax.responseText !== "signup_success"){
                    status.innerHTML = ajax.responseText;
                    _("signupbtn").style.display = "block";
                } else {
                    window.scrollTo(0,0);
                    _("signupform").innerHTML = "OK "+u+"";
                }
            }
        };
        ajax.send("u="+u+"&e="+e+"&p="+p1+"&c="+c+"&g="+g+"&ci"+ci+"&m"+m+"&pc"+pc+"&d"+d);
    }
}

INSERT函数

<form name="signupform" id="signupform" onsubmit="return false;">
    <div>Username: </div>
    <input id="username" type="text" onblur="checkusername()" onkeyup="restrict('username')" maxlength="16">
    <span id="unamestatus"></span>
    <div>Email Address:</div>
    <input id="email" type="email" onfocus="emptyElement('status')" onkeyup="restrict('email')" maxlength="88">
    <div>Create Password:</div>
    <input id="pass1" type="password" onfocus="emptyElement('status')" maxlength="16">
    <div>Confirm Password:</div>
    <input id="pass2" type="password" onfocus="emptyElement('status')" maxlength="16">
     <div>First name:</div> 
     <input id="firstName" type="text"  /><br />
     <div>Last name:</div> 
     <input id="lastName" type="text"   /><br />
     <div>Mobile number*:</div>
     <input id="mobileNumber" onfocus="emptyElement('status')" onkeyup="restrict('mobileNumber')" maxlength="16">
    <div>Gender:</div>
    <select id="gender" onfocus="emptyElement('status')">
      <option value=""></option>
      <option value="Male">Male</option>
      <option value="Female">Female</option>
    </select>
    <div>Country:</div>
    <select id="country" onfocus="emptyElement('status')">
      <?php include_once("country_list.php"); ?>
    </select>
    <div>City:</div>
    <input id="city" onfocus="emptyElement('status')">
    <div>Postcode:</div>
    <input id="postcode" onfocus="emptyElement('status')">
    <div>Relationship Status*:</div>
    <select id="relationshipStatus" >
        <option value=""></option>
        <option value="Single">Single</option>
        <option value="Taken">Taken</option>            
                </select>
    <div>Date of Birth*:</div>
    <input id="dateOfBirth" type="text" onfocus="emptyElement('status')">
    <button id="signupbtn" onclick="signup()">Create Account</button>
    <span id="status"></span>
  </form>

0 个答案:

没有答案