编程 Javascript

提交表单时执行func方法实现代码

Posted in Javascript onMarch 17, 2013

<%@ 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>

提交表单时执行func方法实现代码

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Javascript 相关文章推荐

Javascript 函数对象的多重身份

Jun 28 Javascript

Ajax搜索结果页面下方的分页按钮的生成

Apr 05 Javascript

jQuery中校验时间格式的正则表达式小结

Sep 22 Javascript

使用documentElement正确取得当前可见区域的大小

Jul 25 Javascript

微信小程序实现倒计时60s获取验证码

Apr 17 Javascript

Vue中用props给data赋初始值遇到的问题解决

Nov 27 Javascript

vue项目中axios请求网络接口封装的示例代码

Dec 18 Javascript

Vue实现拖放排序功能的实例代码

Jul 08 Javascript

在layui中select更改后生效的方法

Sep 05 Javascript

vue路由缓存的几种实现方式小结

Feb 02 Javascript

VUE中使用HTTP库Axios方法详解

Feb 05 Javascript

javascript前端和后台进行数据交互方法示例

Aug 07 Javascript

javascript中this做事件参数相关问题解答

Mar 17 #Javascript

获取客户端网卡MAC地址和IP地址实现JS代码

Mar 17 #Javascript

Javascript跨域请求的4种解决方式

Mar 17 #Javascript

两种方法实现文本框输入内容提示消失

Mar 17 #Javascript

js 自制滚动条的小例子

Mar 16 #Javascript

JavaScript创建一个欢迎cookie弹出窗实现代码

Mar 15 #Javascript

js加强的经典分页实例

Mar 15 #Javascript