EasyUI 驗證框使用方法

2021-05-27 08:55:50 字數 1239 閱讀 3041

使用過程中的一積累,備查。

easyui 驗證框使用方法:

//***************************

missingmessage:未填寫時顯示的資訊

validtype:驗證型別見下示例

invalidmessage:無效的資料型別時顯示的資訊

required="true" 必填項

class="easyui-validatebox" 文字驗證

class="easyui-numberbox" 數字驗證

*****************************//

0、呼叫資料驗證方法

return $("#form1").form('validate');

示例:1、驗證是否必填

class="easyui-validatebox" missingmessage="***必須填寫"

2、驗證字串長度

class="easyui-validatebox" missingmessage="***必須填寫少於10個字元" validtype="length[0,2]" invalidmessage="不能超過2個字元!"

示例:

3、驗證數字必須是5.5-20之間 precision="2"表示是2為小數

class="easyui-numberbox" min="5.5" max="20" precision="2" required="true" missingmessage="必須填寫5.5~10之間的數字"

4、驗證必須是日期yyyy-mm-dd(只能選擇不可編輯)

class="easyui-datebox" required="true" missingmessage="日期必須填寫"  editable="false"

//如果需要填寫其他格式的型別請自行修改formatter函式

5、驗證必須是郵件

class="easyui-validatebox" missingmessage="郵件必須填寫" validtype="email" invalidmessage="請填寫正確的郵件格式"

6、頁面時間段判斷 name為s1的時間必須大於name為s2的時間 s3必須大於s2

7、詢問對話方塊提交:

function confirmbtn(msg, control)

});return false;

} onclientclick="return confirmbtn('確認嗎?', this);

EasyUI 驗證框使用方法

使用過程中的一積累,備查。easyui 驗證框使用方法 missingmessage 未填寫時顯示的資訊 validtype 驗證型別見下示例 invalidmessage 無效的資料型別時顯示的資訊 required true 必填項 class easyui validatebox 文字驗證 c...

EasyUI 驗證框使用方法

easyui 驗證框使用方法 missingmessage 未填寫時顯示的資訊 validtype 驗證型別見下示例 invalidmessage 無效的資料型別時顯示的資訊 required true 必填項 class easyui validatebox 文字驗證 class easyui n...

easyui分頁的使用方法

使用 tt datagrid getpager pagination option 例子 tb datagrid getpager pagination pagination的屬性 屬性名型別 描述預設值 total 數字當分頁建立時設定記錄的總數量 1pagesize 數字每一頁顯示的數量 10p...