界面文本框,輸入起始,和結束信息,實時監控輸入的內容,並且可以加入,邏輯方法去實時改變其他輸入框的信息。
<tr>
<td class="field-title">起始:</td>
<td><input class="easyui-textbox" id="start" name="start"
type="text" style="width: 150px" autocomplete="off" /></td>
</tr>
<tr>
<td class="field-title">結束:</td>
<td><input class="easyui-textbox" id="end" name="end"
type="text" style="width: 150px" autocomplete="off" /></td>
</tr>
重寫easyUI默認提示方法,轉換成將自己的邏輯方法加進去(放在js初始化方法中)
$.extend($.fn.validatebox.defaults.rules, {
AddModelS: {
validator: function(value,param){
//邏輯方法
return true;
},
},
AddModelE: {
validator: function(value,param){
//邏輯方法
return true;
},
}
初始化輸入框信息(放在js初始化方法中)
$("#start").textbox({
required: true,
missingMessage: "請輸入數字",
validType:'AddModelS',
});
$("#end").textbox({
required: true,
missingMessage: "請輸入數字",
validType:'AddModelE',
});