ASP中的表單驗證實作方法
在ASP程式中我們常常會要求使用者填寫一個表單,然後直接點傳送按鈕傳送給我們,今天這個程式就是限製表單內容,然後再寄給我們。
只是一個簡單的實例,希望對大家程式有用。
HTML表單:
<form action=action.asp method=post name=myform>
Name and Surname: <br/>
<input type=text name=nameandsurname size=30> <br/>
Email: <br/>
<input type=text name=email size=30> <br/>
Age: <br/>
<input type=text name=age size=3> <br/>
Gender: <br/>
<select size=1 name=gender>
<option>- Select gender -</option>
<option value=Male>Male</option>
<option value=Female>Female</option>
</select> <br/>
<input type=submit value=Submit onClick=check();return false;>
</form>
其中Check()函數是用來偵測表單內容的。
JavaScript函數:
<SCRIPT LANGUAGE=JavaScript TYPE=text/javascript>
function check() {
var nameandsurname = document.myform.nameandsurname;
var email = document.myform.email;
var age = document.myform.age;
var gender = document.myform.gender;
if ( nameandsurname.value.indexOf( ) == -1) {
alert(Enter your Name and Surname.);
nameandsurname.focus();
} else if ((email.value.indexOf(@) == -1) || (email.value.indexOf(.) == -1)) {
alert(Enter your valid email address.);
email.focus();
} else if (! (parseInt(age.value) > 0)) {
alert(Enter your Age.);
age.focus();
} else if (gender.selectedIndex == 0) {
alert(Select your gender.);
gender.focus();
} else {
document.myform.submit();
}
}
</SCRIPT>
把上面的javascript程式碼放到你的網頁的<head> </head>之間就可以了!