>[danger] 插件下載地址 ~~~ http://static.runoob.com/download/jquery-validation-1.14.0.zip ~~~ >[danger] CDN引入地址 ~~~ <script src="http://static.runoob.com/assets/jquery-validation-1.14.0/lib/jquery.js"></script> //JQuery文件 <script src="http://static.runoob.com/assets/jquery-validation-1.14.0/dist/jquery.validate.min.js"></script>//插件主JS文件 <script src="http://static.runoob.com/assets/jquery-validation-1.14.0/dist/localization/messages_zh.js"></script> //中文提示信息JS <script src="http://static.runoob.com/assets/jquery-validation-1.14.0/lib/jquery.form.js""></script> //form表單ajax提交JS ~~~ >[info] 基本格式 ~~~ <script> $('form').validate({ rules:{ user: { //input中控件得name required: true, //具體限制規則 rangelength:[6,8], remote:"do_validate.php", //異步驗證 }, . . . messages:{ user:{ required:'用戶名不能為空', //自定義提示信息 rangelength:'用戶名至少6位，最多8位', remote:'該用戶名已注冊', }, . . . }, //驗證通過以后，給通過得控件加上 checked 屬性 success: function(label) { // set &nbsp; as text for IE label.html("&nbsp;").addClass("checked"); //label.addClass("valid").text("Ok!") }, //ajax 提交 submitHandler:function(form){ $(form).ajaxSubmit({ type:'post', url:'do_validate.php', dataType:'json', success:function(res){ console.log(res); } }) }, //設置錯誤信息顯示的位置 errorPlacement:function(error,ele){ ele.next().html(error); } // }) </script> ~~~