jQuery / JavaScript test for email && checkbox validation



如何测试两个变量的表单验证: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;
}
});
});

稍微清理一下代码以检查提交时的值可能会有所帮助,但我不知道 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;
}
});

最新更新