form表單使用者名稱，密碼和郵箱驗證

阿新 • • 發佈：2019-02-14

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1ArrayArrayArray/xhtml" lang="zh-CN">
<head>
<script type="text/javascript">
function check(){
var username=document.getElementById("username").value;
var password=document.getElementById("password").value;
var password1=document.getElementById("password1").value;
var email=document.getElementById("email").value;
var reg1=new RegExp("^[0-9a-zA-Z]{6}?$");
var reg=new RegExp("^[0-9a-zA-z]{6,10}?$");
var reg2=new RegExp("^[_a-zA-Z0-9_-_._-]

[email protected]([_a-zA-Z0-9_-]+\\.)+[a-zA-Z]{2,3}$");

if(username ==""){
document.getElementById("username_info").innerHTML="<span style='color:red'>使用者名稱不能為空!</span>";
username_info.focus();
return false;
}
if(!reg.test(username)){
document.getElementById("username_info").innerHTML="<span style='color:red'>使用者名稱格式錯誤!</span>";
username_info.focus();
return false;
}
if(reg.test(username)){
document.getElementById("username_info").innerHTML="<span style='color:blue'>使用者名稱驗證通過!</span>";

}

if(password ==""){
document.getElementById("password_info").innerHTML="<span style='color:red'>密碼不能為空!</span>";
password_info.focus();
return false;
}

if(!reg1.test(password)){
document.getElementById("password_info").innerHTML="<span style='color:red'>密碼必須是6位數字或字母!</span>";
password_info.focus();
return false;
}
if(reg1.test(password)){
document.getElementById("password_info").innerHTML="<span style='color:blue'>密碼驗證通過!</span>";
}

if(password1!=password){
document.getElementById("password1_info").innerHTML="<span style='color:red'>兩次輸入的密碼不一樣!</span>";
password_info.focus();
return false;
}
if(password1==password){
document.getElementById("password1_info").innerHTML="<span style='color:blue'>密碼驗證通過!</span>";
}
if(email ==""){
document.getElementById("email_info").innerHTML="<span style='color:red'>郵箱不能為空!</span>";
return false;
}
if(!reg2.test(email)){
document.getElementById("email_info").innerHTML="<span style='color:red'>郵箱格式不對!</span>";
return false;
}
if(reg2.test(email)){
document.getElementById("email_info").innerHTML="<span style='color:blue'>郵箱格式正確!</span>";
}
}


</script>
</head>
<body>
   <form id="myform" method="post" action="#" onSubmit="return check()">
   <table width="55%" height="90" align="center">
   <tr><h1>使用者註冊</h1></tr>
   <tr>
       <td width="60" height="40" align="#" >用 戶 名 :</td>
       <td><input type="text" name="" id="username" onblur="check()"/></td>
       <td id="username_info"><font color="red">請輸入6~10個字母或數字!</font></td>
   </tr>
   <tr>
       <td width="60" height="40" align="#">密    碼:</td>
       <td><input type="password" name="" id="password" onblur="check()" /></td>
    <td id="password_info"><font color="red">請輸入6個字母或數字!</font></td>
   </tr>
   <tr>
       <td width="60" height="40" align="#">再次輸入密碼:</td>
       <td><input type="password" name="" id="password1" onblur="check()" /></td>
    <td id="password1_info"><font color="red">請輸入6個字母或數字!</font></td>
   </tr>
   <tr>
       <td width="60" height="40" align="#">郵    箱:</td>
    <td><input type="text" name="" id="email" onblur="check()"/></td>
    <td id="email_info"><font color="red">請輸入您的郵箱!</font></td>
   </tr>
    <tr align="center">
     <td width="60"><input type="reset" value="重置" onclick="window.location.reload()"></td>
     <td width="60"><input type="submit" value="提交" > </td>
   </tr>
</table>
</form>
</body>

</html>

form表單使用者名稱，密碼和郵箱驗證

form表單使用者名稱，密碼和郵箱驗證

form表單提交中，確定和取消效果的實現

form表單可以提交，阻止頁面跳轉

layui form表單提交後，自動重新整理

django 基於form表單上傳文件和基於ajax上傳文件

form表單提交之後，獲取返回值

form表單提交時，action怎麼傳一個或多個引數

form表單ajax提交，後臺實體接收

Multipart/form-data POST檔案上傳詳解理論簡單的HTTP POST 大家通過HTTP向伺服器傳送POST請求提交資料，都是通過form表單提交的，程式碼如下：

ajax提交form表單到servlet，網頁的跳轉

HTML5第8次課堂筆記（模擬form表單提交資料，xml的解析，jQuery的Ajax方法使用， mui的ajax）

form表單提交時，action怎麼帶引數

jfinal利用form表單同時上傳圖片和text

form表單的post，get提交方式分析以及產生的亂碼問題

用FormData處理form表單中同時有檔案和普通文字的提交的處理方式

jQuery改變form表單的action，並進行提交

form表單提交之Ajax版和常用版區別和聯絡。

form 表單提交後，使頁面不跳轉

文件驅動 —— 表單元件（六）：基於AntDV的Form表單的封裝，目標還是不寫程式碼

在使用django 的過程中難免的會使用到format表單進行提交，如果出現“CSRF驗證失敗. 相應中斷”.該如何解決呢？

form表單 使用者名稱，密碼和郵箱驗證

相關推薦

form表單使用者名稱，密碼和郵箱驗證