提交表單時(shí)執(zhí)行func方法實(shí)現(xiàn)代碼
<%@ page contentType="text/html; charset=utf-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>用戶注冊(cè)</title>
<script language="javascript">
<!--
function MyForm(){
msg.innerHTML="debug::in function";
var username = document.form1.username.value;
var msg = document.getElementById("msg");
if(username.length==0){
msg.innerHTML="[ 提示:用戶名不能為空! ]";
document.form1.username.focus();
return false;
}
var pass = document.form1.password.value;
if(pass.length==0){
msg.innerHTML="[ 提示:密碼不能為空! ]";
document.form1.password.focus();
return false;
}
var pass1 = document.form1.password1.value;
if(pass1.length==0){
msg.innerHTML="[ 提示:確認(rèn)密碼不能為空! ]";
document.form1.password1.focus();
return false;
}
if(pass1!=pass){
msg.innerHTML="[ 提示:您兩次輸入的密碼不一致! ]";
document.form1.passwoid.focus();
return false;
}
var mail = document.form1.mail.value;
if(mail.length==0){
msg.innerHTML="[ 提示:E_mail不能為空! ]";
document.form1.mail.focus();
return false;
}
var i = form1.mail.value.indexOf("@");
var j = form1.mail.value.indexOf(".");
if((i<0)||(j<0)||(i-j>0))
{
msg.innerHTML="[ 提示:您輸入的E_mail格式不正確,請(qǐng)正確輸入! ]";
document.form1.mail.focus();
return false;
}
msg.innerHTML="";
return true;
}
-->
</script>
</head>
<body onload="document.form1.username.focus()">
<form id="form1" name="form1" method="post" action="" onsubmit="return MyForm()">
<table width="389" border="1" align="center" cellpadding="5">
<tr>
<td colspan="2"><div align="center">用戶注冊(cè)<br /></div></td>
</tr>
<tr>
<td colspan="2" align="center" bordercolor=""
bgcolor="">
<font color="red"><span id="msg">${error}</span> </font>
</td>
</tr>
<tr>
<td width="71">用戶名:</td>
<td width="286"><label>
<input name="username" type="text" id="username" size="20" />
</label>
*(必填)</td>
</tr>
<tr>
<td>用戶密碼:</td>
<td><label>
<input name="password" type="password" id="password" size="20" />
</label>
*(必填)</td>
</tr>
<tr>
<td>重復(fù)密碼:</td>
<td><label>
<input name="password1" type="password" id="password1" size="20" />
</label>
*(必填)</td>
</tr>
<tr>
<td>電子郵件:</td>
<td><label>
<input name="mail" type="text" id="mail" size="25" />
</label>
*(必填)</td>
</tr>
<tr>
<td>電話:</td>
<td><label>
<input name="tel" type="text" id="tel" size="22" />
</label></td>
</tr>
<tr>
<td>QQ:</td>
<td><label>
<input name="qq" type="text" id="qq" size="22" />
</label></td>
</tr>
<tr>
<td colspan="2"><label>
<div align="center">
<input type="submit" name="Submit" value="注冊(cè)" />
<input type="reset" name="Submit2" value="重置" />
</div>
</label></td>
</tr>
</table>
</form>
</body>
</html>
相關(guān)文章
DOM操作原生js 的bug,使用jQuery 可以消除的解決方法
下面小編就為大家?guī)硪黄狣OM操作原生js 的bug,使用jQuery 可以消除的解決方法。小編覺得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過來看看吧2016-09-09JavaScript獲取和設(shè)置CheckBox狀態(tài)的簡(jiǎn)單方法
這篇文章介紹了JavaScript獲取和設(shè)置CheckBox狀態(tài)的簡(jiǎn)單方法,有需要的朋友可以參考一下2013-07-07JavaScript具有類似Lambda表達(dá)式編程能力的代碼(改進(jìn)版)
在之前的一篇博文中我介紹了一種方法可以讓JavaScript具有一種近似于Lambda表達(dá)式的編程能力——但是它有一些缺點(diǎn),其中妨礙它的使用的最主要的一條就是多了一層括號(hào),讓代碼變得難以閱讀。2010-09-09JavaScript實(shí)現(xiàn)頁(yè)面無操作倒計(jì)時(shí)退出
這篇文章主要為大家詳細(xì)介紹了JavaScript實(shí)現(xiàn)頁(yè)面無操作倒計(jì)時(shí)退出,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2016-10-10js實(shí)現(xiàn)GridView單選效果自動(dòng)設(shè)置交替行、選中行、鼠標(biāo)移動(dòng)行背景色
使用js實(shí)現(xiàn)GridView單選效果自動(dòng)設(shè)置交替行、選中行、鼠標(biāo)移動(dòng)行背景色2010-05-05Javascript四舍五入Math.round()與Math.pow()使用介紹
本文為大家介紹下Javascript中的四舍五入Math.round()與Math.pow()的使用,感興趣的朋友不要錯(cuò)過2013-12-12js 獲取元素所有兄弟節(jié)點(diǎn)的實(shí)現(xiàn)方法
下面小編就為大家?guī)硪黄猨s 獲取元素所有兄弟節(jié)點(diǎn)的實(shí)現(xiàn)方法。小編覺得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過來看看吧2016-09-09