提交表单时执行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 相关文章推荐
jquery 上下滚动广告
Jun 17 Javascript
onkeypress字符按键兼容所有浏览器使用介绍
Apr 24 Javascript
JavaScript定时器和优化的取消定时器方法
Jul 03 Javascript
使用canvas实现仿新浪微博头像截取上传功能
Sep 02 Javascript
JavaScript File API实现文件上传预览
Feb 02 Javascript
jQuery中$.grep() 过滤函数 数组过滤
Nov 22 Javascript
JS实现数组按升序及降序排列的方法
Apr 26 Javascript
Angular中ng-options下拉数据默认值的设定方法
Jun 21 Javascript
JS如何设置元素样式的方法示例
Aug 28 Javascript
Vue实现动态添加或者删除对象和对象数组的操作方法
Sep 21 Javascript
angular4笔记系列之内置指令小结
Nov 09 Javascript
Vuex的实战使用详解
Oct 31 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
ADODB类使用
2006/11/25 PHP
php 深入理解strtotime函数的使用详解
2013/05/23 PHP
用PHP解决的一个栈的面试题
2014/07/02 PHP
PHP图像识别技术原理与实现
2016/10/27 PHP
php中关于换行的实例写法
2019/09/26 PHP
jscript之Read an Excel Spreadsheet
2007/06/13 Javascript
jquery BS,dialog控件自适应大小
2009/07/06 Javascript
超级酷和最实用的jQuery实例收集(20个)
2010/04/21 Javascript
jquery设置按钮停顿3秒不可用
2014/03/07 Javascript
jQuery制作仿Mac Lion OS滚动条效果
2015/02/10 Javascript
JS基于Mootools实现的个性菜单效果代码
2015/10/21 Javascript
JS回调函数简单用法示例
2017/02/09 Javascript
实例讲解javascript实现异步图片上传方法
2017/12/05 Javascript
浅析前端路由简介以及vue-router实现原理
2018/06/01 Javascript
jQuery实现模拟搜索引擎的智能提示功能简单示例
2019/01/27 jQuery
vuex存取值和映射函数使用说明
2020/07/24 Javascript
swiper自定义分页器的样式
2020/09/14 Javascript
[09:23]国际邀请赛采访专栏:iG战队VK,Tongfu战队Cu
2013/08/05 DOTA
[56:47]Ti4 循环赛第三日 iG vs Liquid
2014/07/12 DOTA
python批量提取word内信息
2015/08/09 Python
python3实现ftp服务功能(服务端 For Linux)
2017/03/24 Python
Python实现的简单dns查询功能示例
2017/05/24 Python
Flask框架重定向,错误显示,Responses响应及Sessions会话操作示例
2019/08/01 Python
python3 selenium自动化 frame表单嵌套的切换方法
2019/08/23 Python
python不使用for计算两组、多个矩形两两间的iou方式
2020/01/18 Python
python实现文字版扫雷
2020/04/24 Python
新手学习Python2和Python3中print不同的用法
2020/06/09 Python
CSS3制作炫酷的下拉菜单及弹起式选单的实例分享
2016/05/17 HTML / CSS
俄罗斯一家时尚女装商店:Charuel
2019/12/04 全球购物
岗位职责范本
2013/11/23 职场文书
大学毕业后的十年规划
2014/01/07 职场文书
结婚典礼证婚词
2014/01/08 职场文书
八项规定整改措施
2014/02/12 职场文书
请假条怎么写
2014/04/10 职场文书
2014校长四风问题对照检查材料思想汇报
2014/09/16 职场文书
车辆安全隐患排查制度
2015/08/05 职场文书