提交表單時執(zhí)行func方法實現(xiàn)代碼
更新時間：2013年03月17日 10:33:56 作者：
客戶端的js驗證想必大家早已熟悉，今天本文帶著大家再回憶一下，主要是在提交表單之前執(zhí)行func方法，感興趣的你可以參考下哈，希望可以幫助到你
復制代碼 代碼如下:
<%@ 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>用戶注冊</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="[ 提示：確認密碼不能為空! ]";
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格式不正確，請正確輸入! ]";
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">用戶注冊<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>重復密碼：</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="注冊" />
<input type="reset" name="Submit2" value="重置" />
</div>
</label></td>
</tr>
</table>
</form>
</body>
</html>
相關文章
cookie的應用在網(wǎng)頁中很常見，在本文為大家介紹下js中如何對cookie進行添加、取值、刪除，感興趣的朋友不要錯過2013-10-10
我們編寫js代碼時經(jīng)常遇到復雜邏輯判的情況，通常大家可以用if/else或者switch來實現(xiàn)多個條件判斷，但這樣會有個問題，隨著邏輯復雜度的增加，代碼中的if/else/switch會變得越來越臃腫，越來越看不懂，那么如何更優(yōu)雅的寫判斷邏輯，本文帶你試一下2018-11-11
這篇文章主要介紹了如何使用pm2快速將項目部署到遠程服務器，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2019-03-03
JS遍歷數(shù)組和對象的區(qū)別及遞歸遍歷對象、數(shù)組、屬性的方法詳解
本文給大家js遍歷數(shù)組和遍歷對象的區(qū)別，一般來說for用來遍歷數(shù)組對象而for-in用來遍歷非數(shù)組對象。接下來小編給大家?guī)砹薺s遍歷數(shù)組和對象的區(qū)別及js遞歸遍歷對象、數(shù)組、屬性的方法詳解，一起看下吧2016-06-06
下面小編就為大家?guī)硪黄猨s移動焦點到最后位置的簡單方法。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-11-11
這篇文章主要介紹了微信小程序上傳圖片到服務器的實例代碼，在文章給大家補充介紹了微信小程序上傳一或多張圖片 的方法，本文給大家介紹的非常詳細，具有參考借鑒加載,需要的朋友可以參考下2017-11-11
webpack?output.library的16?種取值方法示例
這篇文章主要為大家介紹了webpack?output.library的16?種取值方法示例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪2022-11-11
這篇文章主要為大家詳細介紹了如何使用JavaScript實現(xiàn)隨機點名效果,文中的示例代碼簡潔易懂,具有一定的借鑒價值,感興趣的小伙伴可以跟隨小編一起學習一下2023-11-11
網(wǎng)頁中右鍵功能的實現(xiàn)方法之contextMenu的使用
本文介紹一種網(wǎng)頁中實現(xiàn)右鍵功能的方案–contextMenu,非常不錯，具有參考借鑒價值，需要的朋友可以參考下2017-02-02
Canvas中繪制Geojson數(shù)據(jù)示例詳解
這篇文章主要為大家介紹了Canvas中繪制Geojson數(shù)據(jù)示例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪2022-11-11