通常のユーザーログインの検証

 

 

<HTML>
<スタイルタイプ= "テキスト/ CSS"メディア= "画面">
スパン{
色:赤。
}
</スタイル>
<フォームアクション= "add2.php" METHOD = "POST"をonSubmit = "戻りcheckall()">
<TABLE>
<TR>
<TD>单位名称</ TD>
<TD>
の<input type = "テキスト"名前= "dw_name"プレースホルダ= "单位名称"のonblur = "戻りcheck_dw_name()">
<スパンID = "dw_name"> </ span>を
</ TD>
</ TR>
<TR>
<TD>联系人</ TD>
<TD>
の<input type = "text"の名= "lx_user"プレースホルダ= "联系人"のonblur =」






<input type = "text"の名= "TEL"プレースホルダ= "手机号"のonblur = "戻りcheck_tel()">
<スパンID = "TEL"> </ span>を
</ TD>
</ TR>
<TR>
<TD>邮箱</ TD>
<TD>
の<input type = "text"の名= "メール"プレースホルダ= "邮箱"のonblur = "戻りcheck_email()">
<スパンID = "メール"> </ span>を
< / TD>
</ TR>
<TR>
<TD>用户名</ TD>
<TD>
の<input type = "text"の名= "ユーザ名"プレースホルダ= "用户名"のonblur = "戻りcheck_username()">
<スパンID = "ユーザ名"> </ span>を
</ TD>
</ TR>
<TR>
<TD>密码</ TD>
<TD>
の<input type = "text"の名= "PWD"プレースホルダ= "密码"のonblur = "戻りcheck_pwd()">
<ボタンのonclick = "リターンshowpwd()">显示密码</ボタン>
<スパンID = "PWD"> </ span>を
</ TD>
</ TR>
<TR>
<TD>确认密码</ TD>
<TD>
の<input type = "text"の名前は= "repwd"プレースホルダ=」确认密码」のonblur = "check_repwdを返す()">
<スパンID = "repwd"> </ span>を
</ TD>
</ TR>
<TR>
<TD COLSPAN = "2">
<ボタン>注册</ボタン>
</ TD>
</ TR>
</ TABLE>
</ FORM>
</ HTML>
<SCRIPT>

//名前検証
関数check_dw_name(){
VARのdw_name = document.getElementsByName( 'dw_name')[0] .Valueのの
のvar ptn_dw_name = / ^ \ {W} $ 2,12 / I;
!IF(dw_name.match(ptn_dw_name )){
のdocument.getElementById( 'dw_name')のinnerHTML = 'ユーザ名フォーマット'。
偽に戻る;
} {他
のdocument.getElementById( 'dw_name')のinnerHTML = ''
真のリターン;
}
}

//連絡先を確認します

関数check_lx_user(){
VARのlx_user = document.getElementsByName( 'lx_user')[0] .VALUEの
VARのptn_lx_user = / ^ [-ZA-Z | \ u4e00- \ u9fa5] + $ / I。
もし{(lx_user.match(ptn_lx_user)!)
のdocument.getElementById( 'lx_user')のinnerHTML = '联系人格式不正确'。
falseを返します。
} {他
のdocument.getElementById( 'lx_user')のinnerHTML = ''
trueを返します。
}
}

//モバイルチェック
機能check_telを(){
VAR電話= document.getElementsByName( '電話')[0] .Valueのの
VARのptn_tel = / ^ 1 [35789] \ {D} 9 $ /;
IF(tel.match(! ptn_tel)){
のdocument.getElementById( '電話')のinnerHTML = '電話番号の形式が間違っている'。
偽に戻る;
} {他
のdocument.getElementById( '電話')innerHTMLのは= ''
trueに戻します;
}
}

//検証メールボックス
機能check_email(){
メールdocument.getElementsByNameにおいてVAR =( 'メールに')[0] .Valueのの
VARのptn_email = / ^([0-9A-ZA-Z \ -_ \。] +)@([ 。0-9A-Z] + \ [AZ] {2,3}(\ [AZ] {2}。))$ / G ;?
(!email.match(ptn_email)IF){
メールでのdocument.getElementById(」 ').innerHTML ='メールボックスフォーマットが正しくありません'
falseに戻り;
}そうでなければ{
のdocument.getElementById('メールに')のinnerHTML =' '
; trueに戻します
}
}

 

//ユーザー名を確認します

関数check_username(){
VARのユーザ名は= document.getElementsByName( 'ユーザ名')[0] .VALUE
{6,24} $ / Wのvar ptn_username = / ^ \。
もし{(username.match(ptn_username)!)
のdocument.getElementById( 'ユーザ名')のinnerHTML = '用户名格式不正确'。
falseを返します。
} {他
のdocument.getElementById( 'ユーザ名')のinnerHTML = ''
trueを返します。
}
}

//ユーザ名PWDが等しくない検証

check_pwd関数(){
VAR名= document.getElementsByName( 'ユーザ名')[0] .Valueのの
VARのPWD = document.getElementsByName( 'PWD')[0] .Valueの
IF(!PWD){
のdocument.getElementById( 'PWD' ).innerHTML = 'パスワードが空白でない'
; falseに戻り
}
(PWD ===名){IF
。のdocument.getElementById)( 'PWD'のinnerHTML = 'ユーザ名とパスワードが同じではありません'
; falseに戻り
} {他の
文書。 。getElementByIdを( 'PWD')のinnerHTML = '
trueに戻り;
}
}

//パスワード二度同じ検証
(){関数check_repwdを
するvar PWD = document.getElementsByName( 'PWD')[0] .Valueの
VAR repwd = document.getElementsByName( 'repwd')[0] .Valueの
IF(repwd!= PWD){
のdocument.getElementById( 'repwd')のinnerHTML = '2つのパスワードが一致しない'。
falseに戻る;
}他{
。のdocument.getElementById( 'repwd')のinnerHTML = ''
; trueに戻ります
}
}


//提交表单的时候、验证
関数checkall(){
VARチェック= check_dw_name()&& check_lx_user()&& check_tel()&& check_email()&& check_username()&& check_pwd()&& check_repwd()。
console.log(チェック)。
戻り値のチェック。
}

</ SCRIPT>

おすすめ

転載: www.cnblogs.com/cuijunling/p/11720400.html
おすすめ