<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="Generator" content="EditPlus">
<meta name="Author" content="">
<meta name="Keywords" content="">
<meta name="Description" content="">
<title>表單校驗</title>
</head>
<body>
<h3>注冊頁面</h3>
<form action="information.html" method="post" onsubmit="return checkForm();">
用戶名:<input type="text" name="username" id="usernameId" onkeyup="checkName();"/>
<span id="usernameMsg"></span><br/><br/>
密碼:<input type="password" name="password" id="passwordId" onkeyup="checkPassword();"/>
<span id="passwordMsg"></span><br/><br/>
手機號:<input type="text" name="phone" id="phoneId" onkeyup="checkPhone();"/>
<span id="phoneMsg"></span><br/><br/>
<input type="submit" value="https://bbs.csdn.net/topics/注冊" />
</form>
</body>
<script type="text/javascript">
var usernameObj;
var passwordObj;
var phoneObj;
var usernameMsg;
var passwordMsg;
var phoneMsg;
window.onload=function(){
usernameObj=document.getElementById("usernameObj");
passwordObj=document.getElementById("passwordeObj");
phoneObj=document.getElementById("phoneeObj");
usernameMsg=document.getElementById("usernameMsg");
passwordMsg=document.getElementById("passwordMsg");
phoneMsg=document.getElementById("phoneMsg");
}
function checkForm(){
var usernameFlag=checkName();
var passwordFlag=checkPassword();
var phoneFlag=checkPhone();
return usernameFlag && passwordFlag && phoneFlag;
}
function checkName(){
var value=https://bbs.csdn.net/topics/usernameObj.value;
var regex=/^[a-zA-Z]\w{3,6}$/;
if(valuehttps://bbs.csdn.net/topics/==""){
usernameMsg.innerHTML="用戶名必須填寫";
return false;
}else if(!regex.test(value)){
usernameMsg.innerHTML="用戶名必須以字母開始，不區分大小寫，包含數字、字母、下劃線，長度4-7位";
return false;
}else{
usernameMsg.innerHTML="";
return true;
}
}
function checkPassword(){
var value=https://bbs.csdn.net/topics/passwordObj.value;
var regex=/^[a-zA-Z0-9]{3,6}$/;
if(!value){
passwordMsg.innerHTML="|密碼不能為空";
return false;
}else if(!regex.test(value)){
passwordMsg.innerHTML="密碼是字母和數字組成，長度是3-6位";
return false;
}else{
passwordMsg.innerHTML="";
return true;
}
}
function checkPhone(){
var value=https://bbs.csdn.net/topics/phoneObj.value;
var regex=/^1[3][5][7][8][0-9]{9}$/;
if(!value){
phoneMsg.innerHTML="手機號為空";
return false;
}else if(!regex.test(value)){
phoneMsg.innerHTML="手機號符合規范";
return false;
}else{
phoneMsg.innerHTML="";
return true;
}
}
</script>
</html>
uj5u.com熱心網友回復：
轉載請註明出處，本文鏈接：https://www.uj5u.com/houduan/140996.html
標籤：Java相關
上一篇：跪求大佬答疑解惑
下一篇：求大神賜教！！！！