输入显示带有数据的表单字段数(jQuery)

时间:2012-04-18 14:16:28

标签: php jquery forms input formula

我有一个很长的表单,我需要计算其中包含数据的输入和textareas的数量。我需要一个输入字段,它将显示一个数字,表示在我的表单中包含数据的输入和textareas的数量。

我更喜欢jquery或PHP。

是否有任何示例或建议?

感谢。 埃里克

3 个答案:

答案 0 :(得分:1)

使用jQuery,你可以使用这个

var number = $('#form').find('input, textarea')
                       // filter out every empty input/textarea
                       .filter(function() { return $(this).val() == ''; })
                       .length;

答案 1 :(得分:1)

您可以执行onkeypress函数,该函数运行并使用包含数据的字段数更新div。

离开我的头顶,但也许:

function tallyFields() {

var totalFilledFields = 0;
var fieldAVal = document.getElementByID("fieldA").value;
// add more fields here the same way

if(fieldAVal.length > 0) {
 totalFilledFields++;
}
// check more fields here the same way and increment the same var

document.getElementByID("yourTotalDiv").innerHTML=totalFilledFields;

}

为每个表单字段分配此函数onkeypress可能会有所帮助。

答案 2 :(得分:0)

这应该可以解决问题:

$(".myform :input").length;