1。概要
動的なWebサイトのユーザー登録ページでは、ユーザーの登録情報を標準化するために、ユーザーが入力したユーザーの名前とパスワードの数字とメンバー構成を判断する必要があることがよくあります。たとえば、この例では、ユーザー名は3〜10桁の文字、数字、アンダースコアで構成され、パスワードは文字、数字、アンダースコア、ドットで構成されていることが必要です。 6〜20桁、最初の文字は文字です。現時点では、ユーザーの入力を判断する必要があります。したがって、著者は2つの関数を書き、ユーザーが入力したユーザー名とパスワードが合法かを確認しました。
2。技術的なポイント
ユーザー名が3〜10桁の文字、数字、およびアンダースコアで構成されているかどうかを確認する正規表現は次のとおりです。
/^（/w）{3,10} $/
パスワードが6〜20桁の文字、数字、アンダースコア、ドットで構成されていることを確認する正規表現。次のとおりです。
/^ [a-za-z] {1 }( [a-za-z0-9] |] (5,19 }$/
3。特定の実装コード
（1）javaScriptを使用して、function checkeusername（）を書き込み、ユーザー名が合法かどうかを確認します。この関数には、入力ユーザー名の取得に使用されるパラメーターユーザー名は1つだけで、返品値はtrueまたはfalseです。コードは次のとおりです。
<スクリプト言語= "javascript"> function checkeusername（username）{var str = username; // javascriptでは、 "/"でのみ開始および終了することができ、var expression =/^（/w）{3,10} $/; var objexp = new regexp（式）; //正規表現オブジェクトの作成if（objexp.test（str）== true）{//正規表現を介してtrueを返すこと;} else {return false;}} </script>（2）javaScriptを使用して関数checkpwd（）を書き込み、パスワードが合法かどうかを確認します。この関数には、入力パスワードの取得に使用されるパラメーターPWDは1つだけで、返品値はtrueまたはfalseです。コードは次のとおりです。
<スクリプト言語= "javascript"> function checkepwd（pwd）{var str = pwd; // javascriptで、正規表現は「/"でのみ開始および終了することができ、var expression =/^[a-za-z] {1}（[a-za-z0-9]）{5,19] {5,19}^ var objexp = new regexp（式）; //正規表現オブジェクトの作成if（objexp.test（str）== true）{//正規表現を介してtrueを返すこと;} else {return false;}} </script>（3）CheckUsername（）関数とCheckPWD（）関数を呼び出して、ユーザーが入力したユーザー名とパスワードが合法かどうかを判断します。合法でない場合は、迅速なメッセージが表示されます。重要なコードは次のとおりです。
<スクリプト言語= "javascript"> function check（myform）{if（myform.username.value == ""）{alert（ "username！"）; myform.username.focus（）;} if（！checkeusername（myform.username.value））{alert（a arert eperied（ "違法！ "）; myform.username.focus（）; return;} if（myform.value ==" "）{alert（" pleash opass of password！ "）; myform.pwd.focus（）;} if（！che ckepwd（myform.pwd.value）））違法！ "）; myform.pwd.focus（）; return;} if（myform.value ==" "）{alert（" Passwordを確認してください！ "）; myform.pwd1.focus（）; return;} if（myform.pwd1.Value！再入力！ "）; myform.pwd.focus（）; return;} myform.submit（）;} </script>上記は、編集者が紹介したクライアント検証のユーザー名とパスワードに関する関連する知識です。それがあなたに役立つことを願っています。ご質問がある場合は、メッセージを残してください。編集者は時間内に返信します。 wulin.comのウェブサイトへのご支援ありがとうございます！