0

我有一个注册表单，onsubmit 运行一个验证 javascript 函数来检查

a :所有的盒子都有一个值。

b：密码值匹配。

c : 电子邮件地址有效。

电子邮件验证脚本进行 ajax 调用以检查电子邮件地址之前是否已注册。

它在除 Safari 之外的所有浏览器中运行良好。在 Safari 中，它只是挂起页面。

下面是代码的相关部分：

html表单

    <form name="login" action="<?php echo htmlspecialchars($pre_link.'register3.php'); ?>" method="post" onsubmit="return validateReg();">
      <div id="register_label">Email Address:<span id="req">*</span></div>
      <input class="register_input" id="myregusername" name="myusername" size="14"/><br><br> 
      <div id="register_label">Password:<span id="req">*</span></div>
      <input class="register_input" id="mypassword" name="mypassword" size="14" type="password"/><br><br>
      <div id="register_label">Confirm Password:<span id="req">*</span></div>
      <input class="register_input" id="mypassword1" name="mypassword1" size="14" type="password"/><br><br>                              
      <br /><br />           
      <input type="submit" id="loginBtn" name="submit" value="Next" />     
   </form>

js验证码

  function validateReg(){
    var origBorder = "1px solid #CCCCCC";
    var errorBorder = "1px solid red";  

    var myregusername = document.getElementById("myregusername");       
    var mypassword = document.getElementById("mypassword");             
    var mypassword1 = document.getElementById("mypassword1");       

    var errorstr = "";
    var error = false;  

    myregusername.style.border = origBorder;        
    mypassword.style.border = origBorder;       
    mypassword1.style.border = origBorder;          

    if(myregusername.value.length == 0) {
       errorstr = errorstr + "\n" + "Please enter your email address";
       error = true;
       myregusername.style.border = errorBorder;
    }

    if(mypassword.value.length<=5) {
       errorstr = errorstr + "\n" + "Please enter your password that is at least 6 characters long";
       error = true;
       mypassword.style.border = errorBorder;           
    }

    if(mypassword1.value!=mypassword.value) {
        errorstr = errorstr + "\n" + "Your passwords do not match";
        error = true;
        mypassword.style.border = errorBorder;
        mypassword1.style.border = errorBorder;         
    }

    if(error) {
       alert(errorstr);
   return false;            
    } else {
      if (checkMail()){                     
         return true;
      } else {              
        return false;
      } 
   }
}

ajax代码

    function checkMail(){   
       var myusername = document.getElementById("myregusername") ;      
       var filter  = /^([a-zA-Z0-9_\.\-])+\@(([a-zA-Z0-9\-])+\.)+([a-zA-Z0-9]{2,4})+$/;
       if (filter.test(myusername.value)) { 
           function checkMail3(){   
    var myusername = document.getElementById("myregusername").value ;       
    var filter  = /^([a-zA-Z0-9_\.\-])+\@(([a-zA-Z0-9\-])+\.)+([a-zA-Z0-9]{2,4})+$/;
    if (filter.test(myusername)){
               $.ajax({
                  url: "checkregemail.php",
                  type: "post",
                  headers: { "cache-control": "no-cache" },
                  data:{ username : myusername },
                  success: function(data) {
                      if(data=='1'){
                        alert("sorry this email address has already been registered\nClick login to sign in with his email address");
                        document.getElementById("myregusername").focus();
                        return false;
                       }else{   
                        alert("good email address");    
                        return true;
                      }
                    },              
                    error:function(){
                    alert("failure");            
                    }
                });
    } else {
        var errorBorder = "1px solid red";      
        var error = false;
        alert('Please enter a VALID email address');        
        myusername.style.border = errorBorder;
        return false;
    }
}
        } else {
         var errorBorder = "1px solid red";     
         var error = false;
         alert('Please enter a VALID email address');       
         myusername.style.border = errorBorder;
         return false;
       }
}

如果我删除 ajax 调用，那么它在 Safari 中运行良好。

我已经阅读了有关 Safari 缓存 $post 的信息，但我没有足够的知识能够将我发现的内容合并到我的代码中并使其正常工作。我添加了 'headers: { "cache-control": "no-cache" }, ' 但这仍然不能解决问题。

如果电子邮件已注册，则会抛出错误消息，但如果在数据库中找不到电子邮件，则会抛出“emailk good”警报，但不会将 true 返回到原始语句，因此不会提交表单

任何帮助将不胜感激。

4

0 回答 0