ホームページ > ウェブフロントエンド > jsチュートリアル > js正規表現で実装された各種検証用テキストボックス入力形式

js正規表現で実装された各種検証用テキストボックス入力形式

不言
リリース: 2018-08-15 18:00:01
オリジナル
2378 人が閲覧しました

この記事の内容は、js 正規表現で実装されたさまざまな検証テキスト ボックスの入力形式に関するものです。必要な方は参考にしていただければ幸いです。

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

<input onblur="if(this.value.replace(/^ +| +$/g,&#39;&#39;)==&#39;&#39;)alert(&#39;不能为空!&#39;)">
ログイン後にコピー

英語と数字のみ入力可能です

<input onblur="if(/[^0-9a-zA-Z]/g.test(value))alert(&#39;有错&#39;)">
<input onkeyup="value=value.replace(/[^0-9a-zA-Z]/g,&#39;&#39;)"/>
<input type="text" onkeyup="value=value.replace(/[^\a-\z\A-\Z0-9]/g,&#39;&#39;)">
ログイン後にコピー

判定文字は文字と数字、アンダースコア、ピリオドで構成されており、先頭はアンダースコアと文字のみです。

/^([a-zA-z_]{1})([\w]*)$/g.test(str)
ログイン後にコピー

は数字のみ入力可能

<input name="text" type="text" id="NewPage" onKeyUp="value=value.replace(/\D/g,&#39;&#39;)" onafterpaste="value=value.replace(/\D/g,&#39;&#39;)" >
ログイン後にコピー

は中国語のみ入力可能

<input type="text" onkeyup="value=value.replace(/[^\u4E00-\u9FA5]/g,&#39;&#39;)">
ログイン後にコピー

は英語のみ入力可能

<input type="text" onkeyup="value=value.replace(/[^\a-\z\A-\Z]/g,&#39;&#39;)">
<input type="text" onkeyup="value=value.replace(/[^a-zA-Z]/g,&#39;&#39;)">
ログイン後にコピー

は中国語、英語、数字、@記号、.のみ入力可能です。記号

<input type="text" onkeyup="value=value.replace(/[^\a-\z\A-\Z0-9\u4E00-\u9FA5\@\.]/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"/>
ログイン後にコピー

数字とピリオドのみ入力可能です(注: [^d.] の d は入力できません)大文字の D として書く必要があります。そうでない場合は、数字を除くすべての文字になります)

<input name="price" type="text" size="8" maxlength="8" onkeyup="value=value.replace(/[^\d\.]/g,&#39;&#39;)" >
ログイン後にコピー

つまり、まず < に onkeyup="value=value.replace(/[^X]/g,'')" と入力します。 ;input> そして、(/[X]/ g,'') でドットまたは他の記号を置き換えるだけです。

例:

中国語、英語、数字と @ 記号とドット。記号:a-zA-Z0-9u4E00-u9FA5@.テキストボックスに入れたい場合 右クリックメニューが出ず、コピーした情報を貼り付けることができない場合は、<に

 onKeyDown="fncKeyStop(event)" onpaste="return false" oncontextmenu="return false;"
ログイン後にコピー
と入力する必要があります;input>関連する推奨事項:
正規表現の JS 検証


js 正規表現検証時間形式の例

以上がjs正規表現で実装された各種検証用テキストボックス入力形式の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート