javascript - jQuery 自适应表单验证

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
}