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

时间:2017-08-13 20:40:54

标签: javascript jquery

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

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;
            }

        });
    });

1 个答案:

答案 0 :(得分:2)

稍微清理代码以检查提交的值可能会有所帮助,但我不确切知道如何格式化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;
     }
});