關鍵函數
通過JavaScript對用戶注冊信息的合法性進行驗證時,經常需要對數值型數據進行檢驗。
JavaScript可以應用isNaN()函數實現上述功能,下面對該函數進行講解。
isNaN()函數
用於判斷該函數的參數是否為數值型數據,是返回False,否則返回True。
語法
bool isNaN(var)
參數var為要進行判斷的數據。
功能實現
用戶填寫完注冊信息後,為了保證這些信息的合法性,還應該對這些信息進行驗證。對注冊信息的合法性進行驗證既可以應用PHP代碼實現,也可以應用JavaScript實現。開發人員可以根據實際情況進行選取,如果擔心客戶端浏覽器對JavaScript進行了限制,則可以采用PHP代碼實現,但使用這種方法對注冊信息進行驗證是在服務器中進行的,所以會浪費大量的服務器資源。而應用JavaScript腳本對用戶的注冊信息進行驗證,是客戶端浏覽器實現的,所以會在很大程度上節省服務器資源。本站對用戶注冊信息的驗證通過JavaScript實現。在編寫用戶注冊信息驗證模塊時,將實現用戶注冊信息驗證的代碼封裝到自定義函數chkinput login()中,並在表單《form》標記的onSubmit事件中對該函數進行調用,Chkinput login()函數的代碼如下。
以下為
以下為<?php if(form.email.value==""){
include_once("top.php");
?>
<table width="780" height="370" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td width="175" valign="top"><table width="175" height="120" border="0" align="center" cellpadding="0" cellspacing="1" bgcolor="#D2D7DD">
<tr>
<td bgcolor="#F2F3F5" valign="top">
<?php
include_once("left.php");
?>
</td>
<td width="10"> </td>
<td width="595" valign="top"><table width="200" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td><img src="www.zw361.com/images/reg.gif" width="590" height="35"></td>
</tr>
</table>
<table width="500" height="10" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td> </td>
</tr>
</table>
<table width="500" height="300" border="0" align="center" cellpadding="0" cellspacing="0">
<script language="javascript">
function chkinput_login(form){ //斷用戶是否輸入了用戶名
if(form.usernc.value==""){
alert("請輸入用戶昵稱!"); //如果沒輸入用戶名,則彈出一個提示框提示未輸入用戶名
form.usernc.focus(); //重新使用戶昵稱輸入框獲取焦點
return(false);
}
if(form.userpwd1.value==""){
alert("請輸入注冊密碼!");
form.userpwd1.focus();
return(false);
}
if(form.userpwd2.value==""){
alert("請輸入確認密碼!");
form.userpwd2.focus();
return(false);
}
if(form.userpwd1.value!=form.userpwd2.value){ //判斷密碼與確認密碼是否相同
alert("注冊密碼於確認密碼不同!");
form.userpwd1.focus();
return(false);
}
if(form.userpwd1.value.length<6){ //判斷密碼長度是否大於或等於6位
alert("注冊密碼應大於6位!");
form.userpwd1.focus();
return(false);
}
if(form.truename.value==""){
alert("請輸入真實姓名!");
form.truename.focus();
return(false);
}
if(form.sex.value==""){
alert("請選擇性別!");
form.sex.focus();
return(false);
}
alert("請輸入E-mail地址!");
form.email.focus();
return(false);
}
if(form.email.value.match(/^(.+)@(.+)$/)==null){ //判斷郵件地址的格式是否正確
alert("請輸入正確的E-mail地址!");
form.email.focus();
return(false);
}
if(form.tel.value==""){
&nb