提交表单时执行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 模式设计之工厂模式学习心得
Apr 27 Javascript
JavaScript框架(iframe)操作总结
Apr 16 Javascript
JavaScript获取当前网页最后修改时间的方法
Apr 03 Javascript
详解JavaScript的表达式与运算符
Nov 30 Javascript
JS弹出对话框实现方法(三种方式)
Dec 18 Javascript
AngularJS使用自定义指令替代ng-repeat的方法
Sep 17 Javascript
Vue.js 2.0中select级联下拉框实例
Mar 06 Javascript
vue-cli的webpack模板项目配置文件分析
Apr 01 Javascript
Vue.js项目模板搭建图文教程
Sep 20 Javascript
教你用Cordova打包Vue项目的方法
Oct 17 Javascript
在vue中,v-for的索引index在html中的使用方法
Mar 06 Javascript
JavaScript oncopy事件用法实例解析
May 13 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
ThinkPHP使用心得分享-ThinkPHP + Ajax 实现2级联动下拉菜单
2014/05/15 PHP
php集成套件服务器xampp安装使用教程(适合第一次玩PHP的新手)
2015/06/03 PHP
必须收藏的php实用代码片段
2016/02/02 PHP
PHP互换两个变量值的方法(不用第三变量)
2016/11/14 PHP
PHP实现二维数组按某列进行排序的方法
2016/11/18 PHP
Thinkphp框架+Layui实现图片/文件上传功能分析
2020/02/07 PHP
JavaScript高级程序设计
2006/12/29 Javascript
date.parse在IE和FF中的区别
2010/07/29 Javascript
JS获取select-option-text_value的方法
2013/12/26 Javascript
深入理解Javascript里的依赖注入
2014/03/19 Javascript
使用GruntJS构建Web程序之合并压缩篇
2014/06/06 Javascript
js设置document.domain实现跨域的注意点分析
2015/05/21 Javascript
Node.js之网络通讯模块实现浅析
2017/04/01 Javascript
socket.io实现在线群聊功能
2017/04/07 Javascript
Vue.js仿Metronic高级表格(二)数据渲染
2017/04/19 Javascript
angular4自定义组件详解
2017/09/28 Javascript
浅析JavaScript中的特殊数据类型
2017/12/15 Javascript
关于Vue的路由权限管理的示例代码
2018/03/06 Javascript
layui的表单验证支持ajax判断用户名是否重复的实例
2019/09/06 Javascript
[01:03]DOTA2新的征程 你的脚印值得踏上
2014/08/13 DOTA
[43:36]Liquid vs Mineski 2018国际邀请赛小组赛BO2 第一场 8.18
2018/08/19 DOTA
Django上使用数据可视化利器Bokeh解析
2019/07/31 Python
Pyorch之numpy与torch之间相互转换方式
2019/12/31 Python
python实现学生信息管理系统源码
2021/02/22 Python
css3media响应式布局实例
2016/07/08 HTML / CSS
html5仿支付宝密码框的实现代码
2017/09/06 HTML / CSS
努比亚手机官网:nubia
2016/10/06 全球购物
巴西电子产品购物网站:Saldão da Informática
2018/01/09 全球购物
生态学毕业生自荐信
2013/10/27 职场文书
机关门卫岗位职责
2013/12/30 职场文书
《美丽的黄昏》教学反思
2014/02/28 职场文书
教育系统干部作风整顿心得体会
2014/09/09 职场文书
承诺书范本
2015/01/21 职场文书
企业反腐倡廉心得体会
2015/08/15 职场文书
一道JS算法面试题——冒泡、选择排序
2021/04/21 Javascript
「租借女友」第2季樱泽墨角色PV&新视觉图公开
2022/03/21 日漫