標籤:style blog http io color os 使用 sp java
jquery validate驗證控制項真是挺 好用,功能不錯,找好文檔,使用也較方便呵,不錯。
<html xmlns="http://www.w3.org/1999/xhtml" ><head runat="server"> <title>Index</title> <script src="../../Scripts/jquery-1.4.1.js" type="text/javascript"></script> <script src="../../Scripts/jquery.validate.js" type="text/javascript"></script> <script type="text/javascript"> $(function () { $("#User").validate({ rules: { username: { required: true, minlength: 3 }, password: { required: true }, repwd: { equalTo: "#password" }, mail: { email: true }, tel: { maxlength: 11, digits: true } }, messages: { username:{ required: "使用者名稱不可為空", minlength: "使用者名稱至少三位" }, password: { required: "密碼不可為空" }, repwd: { equalTo: "兩次輸入密碼不相同" }, mail: { email: "請輸入正確的郵箱格式" }, tel: { maxlength: "手機號碼最多11位", digits:"請輸入正確的手機格式" } } }); }); </script></head><body> <div> <form id="User" method="post" action=""> 使用者名稱: <input type="text" name="username" /><br /> 密碼: <input type="password" name="password" id="password" /><br /> 確認密碼: <input type="password" name="repwd" /><br /> 郵箱: <input type="text" name="mail" /><br /> 手機: <input type="text" name="tel" /><br /> <input type="submit" name"btnsubmit" value="提交" /> </form> </div></body></html>
jquery 的前端驗證控制項應用(form www.sysoft.cc)