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

Question

（我没有使用 Jquery 验证）

如果该字段不正确或为空，我将尝试返回自定义错误。例如，如果该#id_first_name字段为空。将字符串“名字”附加p#error到结果：

Please fill in your first name

我在这里做了一个小提琴来说明我的意思。所以在必填字段列表中......我如何能够获取/检查每个单独的必填ID并分配相应的错误？

提前谢谢你的帮助！

Answer 1

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

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

Answer 2

您可以执行以下操作

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

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

编辑

如果您希望它在您的示例中工作，最好div使用 iderror并附加p带有相应错误值的标签。

快乐编码:)