0

我正在验证我的表单是否有必填字段，并希望用“standard_input_error”类替换“standard_input”类，但我的以下代码不起作用。另外，是否可以组合函数，这样我就不需要为每个需要验证的 id 编写函数（有些文本字段不需要验证，所以我不能将它用于整个表单） . 提前致谢。

$('#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" />
4

3 回答 3

0

对于文本框，请使用：

$('form').find('input[type=text]').each(function(){
    if ($(this).val() == ''){
        $(this).removeClass('standard_input').addClass('standard_input_error');
        return false;
    }
});
于 2012-06-29T10:41:16.607 回答
0

制作一个通用函数并重用它：

$('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');
  }
}

演示

于 2012-06-29T10:45:56.963 回答
0 
$('.validate').bind('blur',function(){
    if (!$(this).val()){
        $(this).removeClass('standard_input');
        $(this).addClass('standard_input_error');
        return false;
    }
});

其中“验证”是应用于需要验证的输入字段的类

于 2012-06-29T10:48:41.267 回答