提交表单时执行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 相关文章推荐
node.js中watch机制详解
Nov 17 Javascript
javascript中使用未定义变量或值的情况分析
Jul 19 Javascript
jQuery实现6位数字密码输入框
Dec 29 Javascript
js+html5实现半透明遮罩层弹框效果
Aug 24 Javascript
JS实现合并json对象的方法
Oct 10 Javascript
Angular移动端页面input无法输入的解决方法
Nov 14 Javascript
vue.js项目打包上线的图文教程
Nov 16 Javascript
echarts同一页面中四个图表切换的js数据交互方法示例
Jul 03 Javascript
世界上最短的数字判断js代码
Sep 09 Javascript
jQuery实现的图片点击放大缩小功能案例
Jan 02 jQuery
javascript-hashchange事件和历史状态管理实例分析
Apr 18 Javascript
一百多行代码实现react拖拽hooks
Mar 23 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 trim 去除空字符的定义与语法介绍
2010/05/31 PHP
php将时间差转换为字符串提示
2011/09/07 PHP
Smarty模板学习笔记之Smarty简介
2014/05/20 PHP
jQuery温习篇 强大的JQuery选择器
2010/04/24 Javascript
JavaScript中SQL语句的应用实现
2010/05/04 Javascript
基于jQuery的合并表格中相同文本的相邻单元格的代码
2011/04/06 Javascript
JS去除右边逗号的简单方法
2013/07/03 Javascript
JavaScript资源预加载组件和滑屏组件的使用推荐
2016/03/10 Javascript
JS实现iframe自适应高度的方法(兼容IE与FireFox)
2016/06/24 Javascript
JavaScript正则表达式小结(test|match|search|replace|split|exec)
2016/12/08 Javascript
Vue.js展示AJAX数据简单示例讲解
2017/03/29 Javascript
Javascript中prototype与__proto__的关系详解
2018/03/11 Javascript
JS实现为动态添加的元素增加事件功能示例【基于事件委托】
2018/03/21 Javascript
vue项目设置scrollTop不起作用(总结)
2018/12/21 Javascript
微信小程序使用wxParse解析html的方法示例
2019/01/17 Javascript
Vue2.0+Vux搭建一个完整的移动webApp项目的示例
2019/03/19 Javascript
微信小程序清空输入框信息与实现屏幕往上滚动的示例代码
2020/06/23 Javascript
Python的ORM框架SQLAlchemy入门教程
2014/04/28 Python
Python标准库之sqlite3使用实例
2014/11/25 Python
基于Python socket的端口扫描程序实例代码
2018/02/09 Python
python数字图像处理之骨架提取与分水岭算法
2018/04/27 Python
Python中的CSV文件使用&quot;with&quot;语句的方式详解
2018/10/16 Python
Python matplotlib修改默认字体的操作
2020/03/05 Python
Django项目创建及管理实现流程详解
2020/10/13 Python
深入浅析HTML5中的SVG
2015/11/27 HTML / CSS
英国二手物品交易网站:Preloved
2017/10/06 全球购物
英国领先的汽车轮胎和快速健康中心:Kwik Fit
2017/10/29 全球购物
全球最大的游戏市场:G2A
2018/07/05 全球购物
美津浓巴西官方网站:Mizuno巴西
2019/07/24 全球购物
教师自我鉴定
2013/12/13 职场文书
药品促销活动方案
2014/02/14 职场文书
领导班子党的群众路线教育实践活动对照检查材料
2014/09/25 职场文书
债务追讨授权委托书范本
2014/10/16 职场文书
2014年精神文明工作总结
2014/12/23 职场文书
Python异常类型以及处理方法汇总
2021/06/05 Python
详解ZABBIX监控ESXI主机的问题
2022/06/21 Servers