如果你正在開發一個H5網站,并且需要進行用戶登錄,那么你就需要一個登錄頁面。
而在這個登錄頁面上,你可能需要使用到一些json數據進行校驗。
那么,如何實現H5登錄頁面的json檢測呢?
"use strict"; $(function(){ $('#loginForm').validate({ rules:{ username:{ required:true }, password:{ required:true } }, messages:{ username:{ required:'請輸入用戶名' }, password:{ required:'請輸入密碼' } }, errorPlacement:function(error,element){ error.appendTo(element.closest('.item')); }, submitHandler:function(form){ form.submit(); } }); });
根據以上代碼,我們可以看到,使用jquery的validate插件可以很方便的對表單進行校驗。
其中,rules部分定義了表單元素的校驗規則,messages部分定義了校驗未通過時的提示信息。
而errorPlacement則是將校驗失敗的提示信息附加到相應的表單元素上。
最后,submitHandler則定義了表單提交時的回調函數。
通過以上方式,我們可以很方便的實現H5登錄頁面的json檢測。