提交表单时执行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>
Javascript 相关文章推荐
一页面多XMLHttpRequest对象
Jan 22 Javascript
如何设置iframe高度自适应在跨域情况下的可用方法
Sep 06 Javascript
jquery获取子节点和父节点的示例代码
Sep 10 Javascript
jQuery中:submit选择器用法实例
Jan 03 Javascript
JavaScript实现将xml转换成html table表格的方法
Apr 17 Javascript
js鼠标点击图片切换效果实现代码
Nov 19 Javascript
JavaScript的React Web库的理念剖析及基础上手指南
May 10 Javascript
聊一聊Vue.js过渡效果
Sep 07 Javascript
使用InstantClick.js让页面提前加载200ms
Sep 12 Javascript
使用Angular CLI快速创建Angular项目的一些基本概念和写法小结
Apr 22 Javascript
详解为生产环境编译Angular2应用的方法
Dec 10 Javascript
JS计算斐波拉切代码实例
Sep 12 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
You might like
php简单封装了一些常用JS操作
2007/02/25 PHP
PHP中其实也可以用方法链
2011/11/10 PHP
PHP中防止直接访问或查看或下载config.php文件的方法
2012/07/07 PHP
学习php设计模式 php实现模板方法模式
2015/12/08 PHP
php array_multisort 对数组进行排序详解及实例代码
2016/10/27 PHP
php图形jpgraph操作实例分析
2017/02/22 PHP
php7新特性的理解和比较总结
2019/04/14 PHP
解密效果
2006/06/23 Javascript
jscript之List Excel Color Values
2007/06/13 Javascript
js null,undefined,字符串小结
2010/08/21 Javascript
javascript判断用户浏览器插件安装情况的代码
2011/01/01 Javascript
JS获取页面input控件中所有text控件并追加样式属性
2013/02/25 Javascript
使用jQuery快速解决input中placeholder值在ie中无法支持的问题
2014/01/02 Javascript
JQuery控制div外点击隐藏而div内点击不会隐藏的方法
2015/01/13 Javascript
原生js封装的一些jquery方法(详解)
2016/09/20 Javascript
js实现百度地图定位于地址逆解析,显示自己当前的地理位置
2016/12/08 Javascript
vue.js事件处理器是什么
2017/03/20 Javascript
浅析Vue.js中v-bind v-model的使用和区别
2018/12/04 Javascript
JavaScript JSON数据处理全集(小结)
2019/08/15 Javascript
layUI使用layer.open,在content打开数据表格,获取值并返回的方法
2019/09/26 Javascript
详解微信小程序工程化探索之webpack实战
2020/04/20 Javascript
[52:26]完美世界DOTA2联赛决赛 FTD vs Phoenix 第一场 11.08
2020/11/11 DOTA
python获取局域网占带宽最大3个ip的方法
2015/07/09 Python
Python学习小技巧之列表项的拼接
2017/05/20 Python
对python中for、if、while的区别与比较方法
2018/06/25 Python
Python整数对象实现原理详解
2019/07/01 Python
Python Websocket服务端通信的使用示例
2020/02/25 Python
python3 使用traceback定位异常实例
2020/03/09 Python
Tensorflow tensor 数学运算和逻辑运算方式
2020/06/30 Python
全方位了解CSS3的Regions扩展
2015/08/07 HTML / CSS
公司成立感言
2014/01/11 职场文书
致百米运动员广播稿
2014/01/29 职场文书
英文商务邀请函范文
2015/01/31 职场文书
用Python selenium实现淘宝抢单机器人
2021/06/18 Python
springboot临时文件存储目录配置方式
2021/07/01 Java/Android
Mysql数据库手动及定时备份步骤
2021/11/07 MySQL