我一直在为联系人表单编写jQuery验证。我编写了一个简单的代码来检查输入表单是否包含任何字符;如果有任何字符,那么它可以继续运行PHP代码并向我发送电子邮件。否则,显示一个错误框,告诉客户重复检查。代码如下:
(function($){
$('.required',$form).each(function(){
var inputVal = $('form-element-name').val();
var inputVal2 = $('form-element-email').val();
if(inputVal == ''){
$('errorbox1').addClass('errormsg1');
}
else if(inputVal2 == '') {
$('errorbox2').addclass('errormsg2');
}
}
}
Inputval是名称的inputfield,inputval2是电子邮件的inputfield。此外,Errorbox1是一个空容器,errormsg1将是一个类,它将给Errorbox1一个表示错误的背景图像。
Here is a jsFiddle。
最佳答案
$('errorbox1')
和$('errorbox2')
应该是$('.errorbox1')
和$('.errorbox2')
如果类选择器
或$('#errorbox1')
和$('#errorbox2')
如果ID选择器
注意错误框1前面的点/#。
下面是对类和ID选择器的引用,
http://api.jquery.com/class-selector/
http://api.jquery.com/id-selector/