1. 程式人生 > 其它 >html控制input輸入框輸入內容

html控制input輸入框輸入內容

JS 控制文字框只能輸入數字:

<input onkeyup="value=value.replace(/[^0-9]/g,'')" onpaste="value=value.replace(/[^0-9]/g,'')" oncontextmenu ="value=value.replace(/[^0-9]/g,'')">

JS 控制文字框只能輸入數字、小數點

<input onkeyup="value=value.replace(/[^\0-9\.]/g,'')" onpaste="value=value.replace(/[^\0-9\.]/g,'')" oncontextmenu ="value=value.replace(/[^\0-9\.]/g,'')">

JS 控制文字框只能輸入英文

<input onkeyup="value=value.replace(/[^\a-\z\A-\Z]/g,'')" onpaste="value=value.replace(/[^\a-\z\A-\Z]/g,'')" oncontextmenu ="value=value.replace(/[^\a-\z\A-\Z]/g,'')">

JS 控制文字框只能輸入英文、數字

<input onkeyup="value=value.replace(/[^\a-\z\A-\Z0-9]/g,'')" onpaste="value=value.replace(/[^\a-\z\A-\Z0-9]/g,'')" oncontextmenu="value=value.replace(/[^\a-\z\A-\Z0-9]/g,'')">

JS 控制文字框只能輸入中文

<input onkeyup="value=value.replace(/[^\u4E00-\u9FA5]/g,'')" onpaste="value=value.replace(/[^\u4E00-\u9FA5]/g,'')" oncontextmenu="value=value.replace(/[^\u4E00-\u9FA5]/g,'')">

JS 控制文字框只能輸入中文、英文、數字

<input onkeyup="value=value.replace(/[^\a-\z\A-\Z0-9\u4E00-\u9FA5]/g,'')" onpaste="value=value.replace(/[^\a-\z\A-\Z0-9\u4E00-\u9FA5]/g,'')" oncontextmenu ="value=value.replace(/[^\a-\z\A-\Z0-9\u4E00-\u9FA5]/g,'')">

JS 控制文字框只能輸入中文、英文、數字、空格

<input onkeyup="value=value.replace(/[^\a-\z\A-\Z0-9\u4E00-\u9FA5\]/g,'')" onpaste="value=value.replace(/[^\a-\z\A-\Z0-9\u4E00-\u9FA5\]/g,'')" oncontextmenu ="value=value.replace(/[^\a-\z\A-\Z0-9\u4E00-\u9FA5\]/g,'')">

JS 控制文字框只能輸入中文、英文、數字、小數點

<input onkeyup="value=value.replace(/[^\a-\z\A-\Z0-9\u4E00-\u9FA5\.]/g,'')" onpaste="value=value.replace(/[^\a-\z\A-\Z0-9\u4E00-\u9FA5\.]/g,'')" oncontextmenu ="value=value.replace(/[^\a-\z\A-\Z0-9\u4E00-\u9FA5\.]/g,'')">

總而言之:

先在‘<input>' 裡輸入

onkeyup="value=value.replace(/[^\X]/g,'')"

然後在(/[\X]/g,'')裡的 X換成你想輸入的程式碼就可以了,

中文u4E00-u9FA5,數字0-9,英文a-z\A-Z,其它符號@、點或其它符號。

也可以多個,用\隔開就行了。
例如:中英文 + 數字 + @符號 + 點符號 \a-\z\A-\Z0-9\u4E00-\u9FA5\@\.

若想在文字框裡不能右鍵彈出選單和不能貼上進複製的資訊的話

就要在'<input>'裡輸入onpaste="return false" oncontextmenu="return false;"

驗證輸入的身份證號:

參考連結:https://www.icode9.com/content-4-95291.html