Question

我有一个动态表单，我需要验证用户端。我不要求他们填写表单的每个部分，但如果他们填写一行的一列，那么他们必须填写剩余的列。例如，如果他们填写CC＃，他们还需要填写金额，批准和日期，但如果他们没有填写任何内容，那么他们可以免费点击“下一步”。这是为了确保收集所有必需的信息。关于我如何做到这一点的任何建议？

为了节省空间，我把代码放在JS Fiddle上。这只是为了显示我的表单/表格的格式。

http://jsfiddle.net/8z3Sy/

Answer 1

一个想法是，在您的点击事件中，将＃字段与每行的空字段数进行比较。

var fields = $(this).find('td input').length; 
var filled_fields =  $(this).find('td input:text').filter(function() { return this.value != ""; }).length; 

if (fields == filled_fields || filled_fields == 0) 
{
    //Continue on with the next table (all row data is filled out OR all row data is empty)
}
else 
{
    //There is a field missing on the pertaining row
    //Stop Propagation
}

jQuery自适应表单验证

1 个答案: