jQuery表單驗證程序

Question

有沒有一種可能的方式，有人可以做一個jQuery表單驗證程序，實時提供表單是否對用戶有效。例如，登錄時使用的字符太多（以防止數據庫溢出）。

<input type="text" title="Username" id="user" maxlength="25" /> 
    <input type="password" title="Password" id="pass" maxlength="25" /> 

然後一些jQuery（最大文本值將被設置爲25個字符）。

$("#user").on("keyup", function (event) { 
    const max_length = 25; // the max length of the #user form element 
    var inputed_length = $(this).length, new_length = max_length - inputed_length; 
    var msg = new_length + " characters remaining."; 
    var node_to_be_appended = $("<td class='in'>" + msg + "</td>"); 

    if ($(".in").length === 0) { 
     $(this).parent().append(node_to_be_appended); 
    } else { 
     $(".in").text(msg); 
    } 
    }); 

Answer 1

我推薦AngularJS進行這種「實時」驗證。 你可以很容易地顯示錯誤信息，如果輸入有效，它們將消失。

見http://docs.angularjs.org/guide/forms或更好的例子http://blog.brunoscopelliti.com/form-validation-the-angularjs-way

Answer 2

考慮你使用jQuery，您可以考慮this well known plugin

基本爲例，可以發現HERE