限制文字框中只能輸入時間

2021-08-10 17:57:32 字數 1181 閱讀 1365

使用者反饋說包含年月日時間的控制項選擇太麻煩,選了年月日,還得選時間,經理就想選擇完年月日之後,時間另外寫個文字框進行填寫。這樣可能會加快速度。。

不管這種方法是否能加快選擇時間的速度,總歸是任務嘛。於是我研究了一下,整理了出來,方便下次使用。

這是基於easyui框架下的日期,換成別的應該也大同小異。

html:

class="easyui-datebox" style="width: 148px;" />

class="easyui-textbox" style="width:50px;height:22px;line-height:22px;"

id="txttime" >

jquery:

$(function

() });

$('#txttime').textbox('textbox').attr('maxlength', 5);

$('#txttime').textbox('textbox').bind();

//全部輸入之後做判斷

function

changev

()

if (this.value.length == 5)

else }}

//對每一位字元進行限制

function

changev

() /g, ''));

}if (this.value.length == 2) /g;

}else /g;

}var v2 = this.value.substring(1, 2);

if(!reg.test(v2))

else

}

if (this.value.length == 4) /g;

var v3 = this.value.substring(3, 4);

if (!reg.test(v3))

else

}if (this.value.length == 5) /g;

var v4 = this.value.substring(4, 5);

if (!reg.test(v4))

else

}

}});

文字框限制只能輸入數字

oninput value math.abs this.value 作用 輸出輸入值的絕對值 缺點 輸入小數提示英文 oninput validity.valid value 作用 只能輸入數字 缺點 但是可以輸入小數點和減號 onkeypress return event.charcode 8 e...

JS 限制文字框只能輸入數字

第一步利用樣式表。在對應的文字輸入框屬性設定,style ime mode disabled nkeyd wn mykeydown 第二步利用js指令碼。mykeydown else if k 13 else 利用樣式表 style ime mode disabled 可以防止切換成漢字輸入法,也就...

jquery 限制文字框只能輸入數字

jquery 限制文字框只能輸入數字 input name fangwenyudinhuishu keyup function bind paste function css ime mode disabled 上面是keyup事件處理,下面處理了ctr v事件,最後就是css設定輸入法不可用用jq...