幫助與定製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; 
    }); 
});