Question

我有一个包含数十个字段的表单。有些是必需的，有些则不是。使用所需的字段，我已将class="required"添加到项目

我发现了这段代码并想知道如何调整它

$('#form').submit (function() {
  if(formValidated())
    return true;
  return false;
});

我只想提交表格，其中填写了class="required"的所有字段，即非空。我该怎么做？

此外，我有很多单选按钮，如果选择“是”（默认为“否”），则会出现类似于以下内容的textarea

$("#rb_name_yes").click(function(){  
  $('#textarea_name').show();
});

我想我可以将其更改为

$("#rb_name_yes").click(function(){  
  $('#textarea_name').show();
  $(this).addClass('required');
});

并更改代码以将textarea隐藏到

$("#rb_name_no").click(function(){  
  $('#textarea_name').hide();
  $(this).removeClass('required');
});

这有意义吗？

提前致谢

Answer 1

我认为你要找的是jQuery.validation。您可以在jQuery站点上找到有关它的信息。

Answer 2

如果您不想寻找像validate插件这样的复杂解决方案，您可以使用以下内容：

function formValidated( $form ){
    var empty = 0;
    $(':input,:select', $form).each(function(){
        if( !$(this).val() )
            empty++;
    });
    return (( empty==0 ) ? true : false );
}

它没有完美无瑕，可以改进。希望它有所帮助。

jQuery的;如果填写了必填字段和其他组合，则提交表单

2 个答案: