ホームページ  >  記事  >  ウェブフロントエンド  >  JS検証入力ボックス(文字、数字、記号、中国語)のコード例共有

JS検証入力ボックス(文字、数字、記号、中国語)のコード例共有

黄舟
黄舟オリジナル
2017-03-24 14:28:401919ブラウズ

この記事では主に入力ボックス(文字、数字、記号、中国語)を検証するためのJSメソッドを紹介します。非常に良い基準値を持っています。下のエディタで見てみましょう

英語のみ入力可能です

<input type="text" onkeyup="value=value.replace(/[^a-zA-Z]/g,&#39;&#39;)">

英語のみ入力可能です

<input type="text" onkeyup="value=value.replace(/[^\a-\z\A-\Z]/g,&#39;&#39;)"
onkeydown="fncKeyStop(event)" onpaste="return false"
oncontextmenu="return false" />

貼り付け不可、右クリックしても貼り付けメニューが出ません

数字のみ入力可能:

<input onkeyup="this.value=this.value.replace(/\D/g,&#39;&#39;)"
onafterpaste="this.value=this.value.replace(/\D/g,&#39;&#39;)">

数字、小数点のみ入力可能:

<input name="price" type="text"
onkeyup="value=value.replace(/[^\d\.]/g,&#39;&#39;)">

数字、小数点、アンダースコアのみ入力可能:

<input name="price" type="text"
onkeyup="value=value.replace(/[^\d\._]/g,&#39;&#39;)">

英語と数字のみ入力可能:

<input onkeyup="value=value.replace(/[\W]/g,&#39;&#39;) "
onbeforepaste="clipboardData.setData(&#39;text&#39;,clipboardData.getData(&#39;text&#39;).replace(/[^\d]/g,&#39;&#39;))">

漢字のみ入力可能:

<input onkeyup="value=value.replace(/[^\u4E00-\u9FA5]/g,&#39;&#39;)"
onbeforepaste="clipboardData.setData(&#39;text&#39;,clipboardData.getData(&#39;text&#39;).replace(/[^\u4E00-\u9FA5]/g,&#39;&#39;))">

入力方法入力禁止:

<input type="text" style="ime-mode: disabled">

入力方法切り替え不可

中国語、英語、数字、@記号、記号のみ。入力可能:

<input type="text"
onkeyup="value=value.replace(/[^\a-\z\A-\Z0-9\u4E00-\u9FA5\@\.]/g,&#39;&#39;)">

空にすることはできません:

<input 
onblur
="
if
(this.value.replace(/^ +| +$/g,&#39;&#39;)==&#39;&#39;)alert(&#39;不能为空!&#39;)">

以上がJS検証入力ボックス(文字、数字、記号、中国語)のコード例共有の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。