ホームページ > ウェブフロントエンド > jsチュートリアル > JavaScriptは、規則に基づいて入力ボックスに中国語、数字、英語のみを入力できるように制御するメソッドを実装します。

JavaScriptは、規則に基づいて入力ボックスに中国語、数字、英語のみを入力できるように制御するメソッドを実装します。

黄舟
リリース: 2017-03-23 14:56:24
オリジナル
3111 人が閲覧しました

この記事では主にJavaScriptをベースに、入力ボックスに中国語、数字、英語のみを入力するように制御する方法を紹介します。規則的なルールで文字入力制限機能が実装されていることを確認してください。必要な友達はそれを参照してください

この記事では、JavaScript 入力ボックスで中国語、数字、英語のみを制御する方法を説明します。詳細は次のとおりです:

1. 問題の背景:

中国語、数字、英語のみを入力する必要がある入力ボックスがあります。 特殊文字文字列のフィルタリング)

2. JS コード:

function checkUsername()
{
 //正则表达式
 var reg = new RegExp("^[A-Za-z0-9\u4e00-\u9fa5]+$");
 //获取输入框中的值
 var username = document.getElementById("username").value.trim();
 //判断输入框中有内容
 if(!reg.test(username))
 {
 alert("请输入中文、数字和英文!");
 //输入非法字符,清空输入框
 $("#username").val("");
 }
}
ログイン後にコピー

3. ページの HTML コード:

<input type="text" id="username" onblur="checkUsername()"/>
ログイン後にコピー

完全なサンプル コードは次のとおりです:





Test




<input type="text" id="username" onblur="checkUsername()"/>

ログイン後にコピー

実行中のレンダリングは次のとおりです。

以上がJavaScriptは、規則に基づいて入力ボックスに中国語、数字、英語のみを入力できるように制御するメソッドを実装します。の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

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