jQuery.form.js是一個用于表單提交的jQuery插件,它為我們提供了便捷的表單提交方式,并且具有非常好的擴展性。而其中一個重要的組成部分就是Field。
Field是一個對象,它用于描述表單域的屬性。我們可以通過它來設置表單域的名稱、值、類型、驗證規則等信息。下面是一個Field對象的基本形式:
var field = { name: 'username', //表單域的名稱 type: 'text', //表單域的類型 value: '張三', //表單域的值 rules: [ //表單域的驗證規則 {required: true, message: '用戶名不能為空'}, {minLength: 2, message: '用戶名長度不能小于2'}, {maxLength: 10, message: '用戶名長度不能大于10'} ] };
在使用Field對象之前,我們需要先將它轉化為表單域的HTML代碼。這可以通過$.fn.fieldToHtml方法來實現:
var html = $.fn.fieldToHtml(field); console.log(html); //輸出:
當我們接收到表單提交數據時,可以使用$.fn.fieldFromData方法將數據轉化為Field對象:
var data = {username: '張三'}; var field = $.fn.fieldFromData(data, 'username'); console.log(field); //輸出:{name: 'username', type: 'text', value: '張三', rules: []}
同時,我們還可以使用Field對象來進行表單驗證。這可以通過$.fn.fieldValidate方法來實現:
var errors = $.fn.fieldValidate(field); console.log(errors); //輸出:[]
如果表單域不符合驗證規則,errors數組中會包含錯誤信息。
上一篇css 如何讓框架居中