EasyUI中實時監控input輸入框信息

界面文本框,輸入起始,和結束信息,實時監控輸入的內容,並且可以加入,邏輯方法去實時改變其他輸入框的信息。

                <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',
    });

 

 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章