2013-03-12 45 views
0

(我不使用jQuery验证)检查验证与ID和指定自定义错误

我试图返回自定义错误如果字段不正确或空。例如,如果#id_first_name字段为空。追加的字符串,“名”,以p#error导致:

Please fill in your first name 

我做了一个fiddle here显示我的意思。因此,在必填字段列表中...我如何能够抓住/检查每个人所需的ID并分配相应的错误?

非常感谢您的帮助!

回答

1

你拨弄应该是最基本的可能,删除所有其他信息,但你可以尝试这样的事情,

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

工作! '$ this.attr('placeholder')'是一个好主意,尤其是在循环播放时。谢谢! – Modelesq 2013-03-13 17:46:13

+0

没问题,我很高兴它有帮助。 – dev 2013-03-13 17:48:49

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

这是做表单验证一个简单的方法,只是调整的例子您的需求。

编辑

如果你想让它在你的榜样工作,这将是更好的与的error id的div和追加p标签与相应的误差值。

编码愉快:)