提交表单时执行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 相关文章推荐
javascript 动态添加事件代码
Nov 30 Javascript
Prototype 学习 工具函数学习($w,$F方法)
Jul 12 Javascript
javascript中的注释使用与注意事项小结
Sep 20 Javascript
JavaScript中string转换成number介绍
Dec 31 Javascript
深入解读JavaScript中的Hoisting机制
Aug 12 Javascript
JavaScript jquery及AJAX小结
Jan 24 Javascript
JS封装的自动创建表格的实现代码
Jun 15 Javascript
利用python分析access日志的方法
Oct 26 Javascript
angularjs性能优化的方法
Sep 05 Javascript
vue+VeeValidate 校验范围实例详解(部分校验,全部校验)
Oct 19 Javascript
vue如何使用外部特殊字体的操作
Jul 30 Javascript
原生JS实现pc端轮播图效果
Dec 21 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
使用数据库保存session的方法
2006/10/09 PHP
PHP实现文件上传功能实例代码
2017/05/18 PHP
Thinkphp 框架扩展之标签库驱动原理与用法分析
2020/04/23 PHP
javascript数字格式化通用类 accounting.js使用
2012/08/24 Javascript
JS+CSS实现的日本门户网站经典选项卡导航效果
2015/09/27 Javascript
jQuery 中的 DOM 操作
2016/04/26 Javascript
基于Bootstrap使用jQuery实现输入框组input-group的添加与删除
2016/05/03 Javascript
又一枚精彩的弹幕效果jQuery实现
2016/07/25 Javascript
AngularJs concepts详解及示例代码
2016/09/01 Javascript
js 文字超出长度用省略号代替,鼠标悬停并以悬浮框显示实例
2016/12/06 Javascript
JS百度地图搜索悬浮窗功能
2017/01/12 Javascript
详解Vue使用命令行搭建单页面应用
2017/05/24 Javascript
认识jQuery的Promise的具体使用方法
2017/10/10 jQuery
详解angular路由高亮之RouterLinkActive
2018/04/28 Javascript
js实现各浏览器全屏代码实例
2018/07/03 Javascript
详解element-ui日期时间选择器的日期格式化问题
2019/04/08 Javascript
JavaScript本地储存:localStorage、sessionStorage、cookie的使用
2020/10/13 Javascript
仅用50行Python代码实现一个简单的代理服务器
2015/04/08 Python
Python实现的数据结构与算法之快速排序详解
2015/04/22 Python
Google开源的Python格式化工具YAPF的安装和使用教程
2016/05/31 Python
centos6.8安装python3.7无法import _ssl的解决方法
2018/09/17 Python
python实现自动登录后台管理系统
2018/10/18 Python
50行Python代码获取高考志愿信息的实现方法
2019/07/23 Python
python创建与遍历List二维列表的方法
2019/08/16 Python
CSS3 flex布局之快速实现BorderLayout布局
2015/12/03 HTML / CSS
Myprotein法国官网:欧洲第一运动营养品牌
2019/03/26 全球购物
意大利在线高尔夫商店:Online Golf
2021/03/09 全球购物
迪斯尼假期(欧洲、中东及非洲):Disney Holidays EMEA
2021/02/15 全球购物
为什么要优先使用同步代码块而不是同步方法?
2013/01/30 面试题
拾金不昧的表扬信
2014/01/16 职场文书
四风问题个人剖析材料
2014/10/07 职场文书
地方课程教学计划
2015/01/19 职场文书
学习商务礼仪心得体会
2016/01/22 职场文书
详解非极大值抑制算法之Python实现
2021/06/28 Python
Pandas自定义选项option设置
2021/07/25 Python
关于springboot配置druid数据源不生效问题(踩坑记)
2021/09/25 Java/Android