Javascript 在jquery中组合验证函数并替换类名
我正在验证表单中的必填字段,并希望将类“standard\u input”替换为类“standard\u input\u error”,但我下面的代码不起作用。另外,是否可以组合函数,这样我就不需要为每个需要验证的id编写函数(有些文本字段不需要验证,所以我不能对整个表单使用它)。提前谢谢Javascript 在jquery中组合验证函数并替换类名,javascript,jquery,validation,Javascript,Jquery,Validation,我正在验证表单中的必填字段,并希望将类“standard\u input”替换为类“standard\u input\u error”,但我下面的代码不起作用。另外,是否可以组合函数,这样我就不需要为每个需要验证的id编写函数(有些文本字段不需要验证,所以我不能对整个表单使用它)。提前谢谢 $('#firstname').blur(function() { if( !$(this).val() ) { $(this).addClass('standard_input_
$('#firstname').blur(function()
{
if( !$(this).val() ) {
$(this).addClass('standard_input_error');
}
});
Firstname * <input type="text" id="firstname" name="firstname" class="standard_input">
Last Name* <input type="text" id="lastname" name="lastname" class="standard_input">
another * <input type="text" id="another" name="another" class="standard_input">
another 2 <input type="text" id="another2" name="another2" class="standard_input">
Field * <input type="text" id="fieldb" name="fieldb" class="standard_input">
Blah blah <input type="text" id="blah" name="blah" class="standard_input">
Checkbox 1* <input type="checkbox" checked="checked" id="cbox1" name="cbox1" />
Blah bla 1 <input type="checkbox" checked="checked" id="blabla" name="blabla" />
Blee blee1* <input type="checkbox" checked="checked" id="blee" name="blee" />
bloblo 1 <input type="checkbox" checked="checked" id="blo" name="blo" />
$('#firstname').blur(函数()
{
if(!$(this.val()){
$(this).addClass('standard_input_error');
}
});
名字*
姓氏*
另一个*
另外2个
字段*
废话
复选框1*
诸如此类
Blee blee1*
bloblo 1
对于文本框,请使用以下内容:
$('form').find('input[type=text]').each(function(){
if ($(this).val() == ''){
$(this).removeClass('standard_input').addClass('standard_input_error');
return false;
}
});
创建一个通用函数并重用:
$('form input[type="text"]').blur(myValidation);
function myValidation() {
if( !$.trim( this.value) ) {
$(this).removeClass('standard_input').addClass('standard_input_error');
} else {
$(this).removeClass('standard_input_error');
}
}
其中“validate”是应用于需要验证的输入字段的类
$('.validate').bind('blur',function(){
if (!$(this).val()){
$(this).removeClass('standard_input');
$(this).addClass('standard_input_error');
return false;
}
});