Question

我正在处理一个包含4个字段的表单，我直接验证。因此，如果正确填写了一个字段，我可以将此字段设置为绿色边框。但现在我想检查所有字段是否已填写，然后我会显示一条消息。

我的想法是首先为每个字段创建一个函数，如下所示。如果它们返回true，则检查4个函数。但这不起作用，所以我首先检查单个函数（在此示例中为字段＆＃39; width＆＃39;）如果匹配，则返回警报。但这也行不通，所以我现在不能再进一步了。

任何人都可以帮我把这个功能放在首位。

（#config-steps #width是一个输入字段，其ID为宽度＆＃39;）

function validate_width() {
   var width = $( "#config-steps #width" ).val();
   if( width.match( /^\d+$/ ) ) {
      alert('test');    
   } else {
      return false;
   }
}

Answer 1

使用$('#width').change进行检查

$('input,select').change(function(){
var width = $("#config-steps #width").val();
var height = $("#config-steps #height").val();
var size = $("#config-steps select").val();

    if (width.match(/^\d+$/)&&height.match(/^\d+$/)&&size.match(/^\d+$/)) {
        alert('Well done!');
    } else {
        return false;

  }
});

更新了DEMO

Answer 2

您需要致电

check_field();

每个输入后的功能已更新。我已经创建了一个如何实现这一目标的例子。

http://jsfiddle.net/EsBTg/6/

Answer 3

您可以在jQuery中使用.each() function一次测试多个元素：

function validate_width() {
    var error = 0;
    $("#width, #height, #type").each(function () {
        if (!$(this).val().match(/^\d+$/)) {
            error++;
        }
    });
    if (!error){
        alert("Everything's fine!");
    }    
}

jQuery检查是否填写了4个字段

3 个答案:

jsFiddle here