為什么需要表單驗(yàn)證？
1.避免信息無(wú)法更新或出現(xiàn)新錯(cuò)誤
2.減輕服務(wù)器端的壓力
String對(duì)象：
與Java語(yǔ)言中的String對(duì)象相似
創(chuàng)建字符串有兩種：
1.使用var語(yǔ)句，并根據(jù)需要為其賦值
var newstr = "這是我寫的腳本";
2.創(chuàng)建字符串對(duì)象
var newstr = new String("這是我寫的腳本");
字符串屬性：
常用屬性只有一個(gè)，即：length 它表示字符串中的字符個(gè)數(shù)，包括符號(hào)如空格等。
var mytest="I love javascript!";
var mytestlength=mytest.length;
最后mytestlength返回mystest字符串的長(zhǎng)度為18
字符串對(duì)象的方法：
方法名 |
說(shuō)明 |
indexOf("子字符串",起始位置) |
查找子字符串的位置，這個(gè)位置是要
查找的文本出現(xiàn)的第一個(gè)位置 |
charAt(index) |
獲取位于指定索引位置的字符 |
substring(index[,index2]) |
返回位于指定索引index1 和 index2之間的字符串，
并且包括索引index1所對(duì)應(yīng)的字符，
不包含index2對(duì)應(yīng)的字符 |
toLowerCase() |
將字符串轉(zhuǎn)換成小寫 |
toUpperCase() |
將字符串轉(zhuǎn)換成大寫 |
如何驗(yàn)證Email中，是否包含"@"符號(hào)：
var str="accp@163.com";
if(str.indexOf('@',0)==-1)
//indexOf方法，未找到返回-1
{
alert("不包含@符號(hào)");
}
文本框控件：
即：<input type="text">
文本框 |
事件 |
onBlur |
失去焦點(diǎn)事件，當(dāng)光標(biāo)離開某個(gè)文本框時(shí)觸發(fā) |
onFocus |
光標(biāo)進(jìn)入某個(gè)文本框 |
onChange |
文本框的內(nèi)容被修改，即發(fā)生了改變 |
方法 |
focus() |
獲得焦點(diǎn)，即獲得鼠標(biāo)光標(biāo) |
select() |
選中文本內(nèi)容，突出顯示輸入?yún)^(qū)域 |
屬性 |
value |
設(shè)置或獲得一個(gè)文本框值屬性的值 |
如何在表單提交時(shí)，驗(yàn)證信息：
function checkAll(){
if(checkEmail() && checkName()){
//驗(yàn)證Email和Name是否正確，如果都返回true，則真
return true;
}else{
return false;
}
}
<form name="myform" method="post" action="reg_success.html" onSubmit="return checkAll()">
……
<form>
onSubmit事件屬于<form>表單元素，所以要寫在<form>標(biāo)簽內(nèi)
onSubmit="return checkAll()"將返回true/false
來(lái)決定是否提交表單
常見錯(cuò)誤：
驗(yàn)證輸入必須為a-z A-Z 0-9和下劃線_
var fname = document.getElementByIdx_x_x("txtName").value;
for(var i=0;i<ftext.length;i++){
var ftext=fname.substring(i,i+1);
if((ftext>0 && ftext<9)
|| (ftext=='_') || (ftext>'a' && ftext<'z') || (ftext>'A'
&&
ftext<'Z')){
continue;
}else{
alert("輸入錯(cuò)誤");
document.getElementByIdx_x_x("txtName").select();
return false;
}
}
return true;
截取字符串substring方法： [ , )
var a="abcde";
var b = a.substring(1,2);
b的值為："b"
包含左邊的，不包含右邊的，和Java一樣
驗(yàn)證非空有兩種方法：
if(str.length==0) 或者 if(str=="")
錯(cuò)誤：<input type="button" name="btnLogin"
value="登錄" onSubmit="return checkAll()">
1.type="submit"
2.onSubmit="return checkAll()"
應(yīng)當(dāng)寫在<form>屬性中