0

再会。

我有许多动态表单,输入字段的总数是未知的,

我想使用一个简单的验证功能,例如:

function check_submit() {
  if ($(this).val().length == 0) {
    $(":submit").attr("disabled", true);
  } else {
    $(":submit").removeAttr("disabled");
  }
}

由于我将在许多不同的动态表单上使用相同的函数,每个表单都有自己的“必填字段”我希望能够传递未知数量的需要填充的类,该函数应确保每个字段该班级内已满。

有什么建议么?

4

3 回答 3

1

请尝试以下代码:

$('form.classnameofelement').each(function(){
 if($(this).val().length != 0){
    // do somthing;
  }else{
    // do nothing;
  }
});

如果有任何疑问,请告诉我。

谢谢。

于 2013-10-01T09:29:03.650 回答
0

您可以为支持它的浏览器使用“必需”属性。对于那些不这样做的人,您可以执行以下操作:

像这样更新您的输入:

<input name="test1" required>
<input name="test2" required>
<input name="test3" required>

您可以检查所有输入是否具有如下值:

var unfilled = $('[required]').filter(function() {
    return $(this).val().length === 0;
});

if (unfilled.length > 0) {
    // still unfilled inputs
    unfilled.css('border', '1px solid red');
}
于 2013-10-01T10:09:52.293 回答
0

我已经把它打开了几天,但今天我设法创建了一个工作功能

$( "form" ).submit(function( event ) {
var empty_fields = [];
$(".chck").each(function(){
   if($(this).val().length !=0 ) {
       return;
   }else{
       empty_fields.push($(this).attr('name'));
       event.preventDefault();}
   });
if(empty_fields){
   alert(empty_fields);
}

});

我只需要确保所有必填字段都有 class="chck",我希望将来有人会发现它有用。

于 2013-10-08T11:33:27.860 回答