用于电子邮件&&复选框验证的jQuery/JavaScript测试

Question

如何测试两个变量的表单验证：emailAddr & & items []。

items []是一个复选框数组。

目前下面的代码根本不会提交表单。

jQuery(document).ready(function(){ 
     var re = /(\w+)\@(\w+)\.[a-zA-Z]/g; 
     var email = document.getElementById("emailAddr"); 
     var emailValue = email.value; 
     var testEmail = re.test(emailValue); 
     jQuery("#submitForm").on("click",function(){ 
      if (jQuery("input[name*='items']").is(":checked"), 
       testEmail === true){ 
       return true; 
      } else { 
       jQuery('#messages').append("You must choose at least 1 image<br> 
             Please enter a valid email"); 
       return false; 
      } 

     }); 
    }); 

Answer 1

清理代码有点检查在提交值可能帮助，但我不知道HTML究竟是如何格式化明白为什么其他形式可能不被提交。

var re = /(\w+)\@(\w+)\.[a-zA-Z]/g; 
var email = document.getElementById("emailAddr"); 
jQuery("#submitForm").on("click",function(e){ 
    var emailValue = email.value; 
    var testEmail = re.test(emailValue); 
    if (jQuery("input[name*='items']").is(":checked") && testEmail === true){ 
     return true; 
    } else { 
     e.preventDefault(); // prevents the form from submitting if invalid 
     jQuery('#messages').append("You must choose at least 1 image<br>Please enter a valid email"); 
     return false; 
    } 
});