如果任何一个输入字段已填满,如何验证表单?

时间:2016-06-10 06:15:52

标签: javascript jquery html jsp

我在JSP表单中有10个输入字段和2个选择框。我需要验证该表单,如果填写了任何一个输入字段,我需要显示一条警告消息。

有没有办法在jQuery中验证这个?

4 个答案:

答案 0 :(得分:2)

您可以使用以下插件验证任何表单!请仔细阅读文档并了解如何实现它。如果您遇到任何问题,请询问。

jQuery Form Validator

答案 1 :(得分:1)

试试这个

var varFilledTextboxCount = $("input[type='text']").filter(function () { 
                                  return this.value != ''; 
                            }).length;
if (varFilledTextboxCount > 0)
{
   alert("Any textbox is filled");
}

答案 2 :(得分:0)

只需使用一个简单的jquery代码即可。

var filledCount = 0;
var inputLength = $('form').find('input').length;
var i;
for(i=0;i<inputLength;i++){
  if($(this).val()!=0){
    filledCount = filledCount + 1;
  };
  if(filledCount>0){
    alert('something');
    break;
  };
};

答案 3 :(得分:0)

您可以在用户更改输入或选择字段时使用css类 valueFilled 。然后检查 valueFilled length 是否可用。如果可用,则可以显示警告框。

jQuery('form').on("change", "input, select", function () {
   if('' != jQuery.trim(jQuery(this).val())){
       jQuery(this).addClass('valueFilled');
    }
});

然后检查valueFilled类长度

if(jQuery('.valueFilled').length){
  // Show message here
}