JavaScript之表單驗證（1），javascript表單驗證
預設提交需要用submit按鈕
如果想要有普通按鈕做提交，需要調用表單的submit方法
表單驗證就是對輸入不合法的元素給出提示，重新輸入，
並取消表單的提交即可
（其實就是對字串的操作，對Regex的操作）
focus()獲得焦點
select()全部選中
<html>
<head>
<title>damel14</title>
<script>
function checkName(){
var usernameObj = document.forms[0].username;
var username = usernameObj.value;
//var username = document.forms[0].username.value;
if(username==""||username.length<1){
alert("使用者名稱不可為空");
usernameObj.focus();
usernameObj.select();
return false;
}
if(username.length < 5||username.length > 10){
alert("使用者名稱長度必須在5-10之間");
usernameObj.focus();
usernameObj.select();
return false;
}
var t = true;
for(var i = 0;i<username.length;i++){
var c = username.toLowerCase().charAt(i);
if(!((c>'a'&&c<='z')||(c>'0'&&c<'9')||(c=='_')))
t= false;
}
if(t==false){
alert("使用者名稱只能包含數字，字母，底線");
return false;
}
return true;
}
function checkPass(){
var passObj = document.forms[0].password;//擷取對象
var pass = passObj.value;
//var pass = document.forms[0].password.value;
if(pass.length==""||pass.length< 1){
alert("密碼不可為空");
passObj.focus();//擷取對象焦點
passObj.select();//選中對象
return false;
}
if(pass.length<6||pass.length>16){
alert("密碼長度必須在6-16之間");
passObj.focus();
passObj.select();
return false;
}
return true;
}
function checkForm(){
return checkName()&&checkPass();
}
</script>
</head>
<body>
<form action="damel11.html" onSubmit="return checkForm()" name="myform">
使用者名稱：<input type="text" name="username"/>
</br>
密 碼：<input type="text" name="password" onClick="checkName()"/>
</br>
<input type="submit" value="確定"/>
</form>
</body>
<html>
著作權聲明：本文為博主原創文章，未經博主允許不得轉載。
