input 限制數字、漢字、字元,驗證輸入框內容
1.不能為空
<input onblur="if(this.value.replace(/^ +| +$/g,'')=='')alert('不能為空!')">
2.只能輸入中文、英文、數字、@符號和.符號:
<input type="text"
onkeyup="value=value.replace(/[^\a-\z\A-\Z0-9\u4E00-\u9FA5\@\.]/g,'')">
3.禁止輸入法輸入:
<input type="text" style="ime-mode: disabled">
4.只能輸入漢字:
<input onkeyup="value=value.replace(/[^\u4E00-\u9FA5]/g,'')"
onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^\u4E00-\u9FA5]/g,''))">
5.只能輸入英文和數字:
<input onkeyup="value=value.replace(/[\W]/g,'') "
onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^\d]/g,''))">
6.只能輸入數字,小數點,下劃線:
<input name="price" type="text"
onkeyup="value=value.replace(/[^\d\._]/g,'')">
7.只能輸入數字,小數點:
<input name="price" type="text"
onkeyup="value=value.replace(/[^\d\.]/g,'')">
8.只能輸入數字:
<input onkeyup="this.value=this.value.replace(/\D/g,'')"
onafterpaste="this.value=this.value.replace(/\D/g,'')">
9.只能輸入英文
<input type="text" onkeyup="value=value.replace(/[^\a-\z\A-\Z]/g,'')"
onkeydown="fncKeyStop(event)" onpaste="return false"
oncontextmenu="return false" />
10.只能輸入英文
<input type="text" onkeyup="value=value.replace(/[^a-zA-Z]/g,'')">
11.
數字校驗有個bug,希望大家這邊注意一下,就是如果有input從後臺獲取的value值的話,上面的數字校驗失效,下面貼出此情況下的處理方式
<input id="lastyearwage" name="lastyearwage" type="text" class="input-text" value="${acheck.lastyearwage }" onkeyup="this.value=this.value.replace(/\D/g,'')" onafterpaste="this.value=this.value.replace(/\D/g,'')"/>
function keyPress() {
var keyCode = event.keyCode;
if ((keyCode >= 48 && keyCode <= 57))
{
event.returnValue = true;
} else {
event.returnValue = false;
}
}