javascript通用的一個驗證註冊實例

時間 2019-11-11

標籤 javascript 通用一個驗證註冊實例欄目 JavaScript 简体版

原文原文鏈接

效果如圖所示：今天共享給你們練習
html

轉載註明出處www.gjrencai.comjava

///////////////////////代碼以下///////////////////////////正則表達式

<html html java html html >
<head>
<meta http-equiv="content-type"
content="text/; charset=utf-8">
<script type="text/script">
function $(a) {
return document.getElementById(a);
}ssh

function checkUsername(){
  // 驗證用戶名
  var username=$("username").value;
  // 正則表達式Regular Expression
  var tmp =
   username.replace(/^\s+/, "")
     .replace(/\s+$/, "");
  if(tmp.length == 0){
   //alert("用戶名不能爲空");
   $("username_span").style.display="block";
   return false;
  } else {
   $("username_span").style.display="none";
   return true;
  }
}學習

function checkPassword() {
var password = $("password").value;
if(password.length < 6){
  $("password_span").style.display
   ="block";
  return false;
} else {
  $("password_span").style.display
   ="none";
  return true;
}
}網站

function checkEmail() {
var email = $("email").value;
// test方法返回真表示字符串符合正則表達式
if(/^\w+@\w+\.(com|org|cn)$/.test(email)){
$("email_span").style.display="none";
return true;
} else {
$("email_span").style.display="block";
return false;
}
}ui

window.onload = function(){
var bt = $("bt");
bt.onclick = function(){
  if(! checkUsername()) {
   return;
  }
  if(! checkPassword()) {
   return;
  }
  if( !checkEmail()){
   return;
  }

  $("form").submit();
};

$("username").onblur = checkUsername;
$("password").onblur = checkPassword;
$("email").onblur = checkEmail;
}
</script>
</head>

<body>

   <form action="success." id="form">
用戶名:
<input type="text" id="username"/>
<span id="username_span" style="display:none;color:red">用戶名不能爲空</span>
<br/>
密碼:
<input type="password" id="password"/>
<span id="password_span" style="display:none;color:red">密碼必須大於等於6</span>
<br/>
確認密碼:
<input type="password" id="password2"/>
<br/>
郵件:
<input type="text" id="email"/>
<span id="email_span" style="display:none;color:red">
郵件格式不合法
</span>
<br/>
婚否:
是<input type="radio" name="isMarried"/>
否<input type="radio" name="isMarried"/>
<br/>
愛好：
<br/>
游泳
<input type="checkbox" name="favs"/>
唱歌
<input type="checkbox" name="favs"/>
跳舞
<input type="checkbox" name="favs"/>
遊戲
<input type="checkbox" name="favs"/>spa

<input type="button" value="註冊" id="bt"/>orm

</form>

</body>

</>htm

【Gjava人才網】www.gjrencai.com 幫助你們一塊兒學習java網站內容所有爲北京培訓機構代碼筆記，項目等新手進入網站，先看新手學習時序圖，安排好時間學習java時間與過程，再去看21天學java教程，id=16315天學ssh 筆記內容等。id=193開發人員必備的20個Java功能代碼

相關文章

相關標籤/搜索

身份證驗證

PHP參考手冊

紅包項目實戰

每日一句

每一个你不满意的现在，都有一个你没有努力的曾经。

最新文章

本站公眾號

歡迎關注本站公眾號,獲取更多信息

相關文章

>>更多相關文章<<