帮助与定制jQuery验证功能

Question

我有一个表格属性，像这样：

onsubmit="return valMyForm(this);" 

而jQuery的功能，象这样：

function valMyForm(f) { 
    $(f,"input").each(function() { 
     if($(this).length < 1) { 
      alert("All Fields Required."); 
      return false; 
     } 
      else 
      return false; 
    }); 
} 

形式仍然提交即使我删除所有代码并只是把return false;

Answer 1

的return false的each函数内部是刚刚退出了每个循环的。它不是valMyForm

返回值，您应该使用类似一个合法的变量和返回：

function valMyForm(f) { 
    var valid = true; 
    $("input", f).each(function() { 
     if($(this).val().length < 1) { 
      alert("All Fields Required."); 
      valid = false; 
     } 
    }); 

    return valid; 
} 

这是给你一个工作示例：http://jsfiddle.net/adpMT/

Answer 2

当你返回你在.each函数内，所以你实际上没有返回任何东西从valMyForm方法。

我会建议你避免与JavaScript的混合标记和做到这一点不显眼：

<form action="/foo" id="myform"> 
    ... some input fields 
</form> 

然后：

$(function() { 
    $('#myform').submit(function() { 
     // see if the form contains some empty inputs 
     return $(this).find(':input[value=""]').length > 0; 
    }); 
});