使用id检查验证并分配自定义错误

时间:2013-03-12 23:28:26

标签: javascript jquery html

(我没有使用Jquery验证)

如果字段不正确或为空,我正在尝试返回自定义错误。例如,如果#id_first_name字段为空。将字符串“first name”附加到p#error以生成:

Please fill in your first name

我做了一个fiddle here来表明我的意思。所以在必填字段列表中......我如何能够获取/检查每个必需的id并分配相应的错误?

提前感谢您的帮助!

2 个答案:

答案 0 :(得分:1)

你的小提琴应尽可能基本,删除所有其他信息,但你可以尝试这样的事情,

$('form').on('submit',function(){
   $('input').each(function(){
      $this = $(this);
      if($this.val() == 'null')
      {
         $('p#error').append('Please enter your ' + $this.attr('placeholder'));
      }
   }
});

答案 1 :(得分:0)

您可以执行以下操作

$('form input').on('blur', function() {
     var id = $(this).attr('id');
     var val = $(this).val();
     if(id == 'myInput') {
          if(!val.length) {
              $('#error').append('Please enter a value into the input');
          }
     }
});

这是一种进行表单验证的简单方法,只需根据您的需要定制示例。

修改

如果您希望它在您的示例中有效,那么最好使用ID为div的{​​{1}}并附加error个标记以及相应的错误值。

快乐编码:)