提交表单时执行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中对数组的操作代码
Aug 12 Javascript
使用闭包对setTimeout进行简单封装避免出错
Jul 10 Javascript
jquery 3D 标签云示例代码
Jun 12 Javascript
Javascript 构造函数详解
Oct 22 Javascript
javascript中键盘事件用法实例分析
Jan 30 Javascript
javascript基于DOM实现权限选择实例分析
May 14 Javascript
如何实现json数据可视化详解
Nov 24 Javascript
Angularjs自定义指令实现分页插件(DEMO)
Sep 16 Javascript
微信web端后退强制刷新功能的实现代码
Mar 04 Javascript
vue实现按需加载组件及异步组件功能
May 27 Javascript
微信小程序 flexbox layout快速实现基本布局的解决方案
Mar 24 Javascript
React生命周期原理与用法踩坑笔记
Apr 28 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 空格,换行,跳格使用说明
2009/12/18 PHP
浅析PHP微信支付通知的处理方式
2014/05/25 PHP
php结合js实现点击超链接执行删除确认操作
2014/10/31 PHP
PHP strip_tags保留多个HTML标签的方法
2016/05/22 PHP
基于PHP实现用户注册登录功能
2016/10/14 PHP
PHP创建对象的六种方式实例总结
2019/06/27 PHP
JSON 数据格式介绍
2012/01/13 Javascript
基于jquery的DIV随滚动条滚动而滚动的代码
2012/07/20 Javascript
js导出txt示例代码
2014/01/14 Javascript
减少访问DOM的次数提升javascript性能
2014/02/24 Javascript
js 触发select onchange事件代码
2014/03/20 Javascript
JS计算网页停留时间代码
2014/04/28 Javascript
javascript实现checkBox的全选,反选与赋值
2015/03/12 Javascript
微信浏览器内置JavaScript对象WeixinJSBridge使用实例
2015/05/25 Javascript
详解React开发中使用require.ensure()按需加载ES6组件
2017/05/12 Javascript
js实现加载页面就自动触发超链接的示例
2017/08/31 Javascript
解决vue-cli创建项目的loader问题
2018/03/13 Javascript
在vue使用clipboard.js进行一键复制文本的实现示例
2019/01/15 Javascript
vue-cli3.X快速创建项目的方法步骤
2019/11/14 Javascript
浅析vue-router实现原理及两种模式
2020/02/11 Javascript
Vue-cli assets SubDirectory及PublicPath区别详解
2020/08/18 Javascript
深入解析Python中的集合类型操作符
2015/08/19 Python
Python英文文本分词(无空格)模块wordninja的使用实例
2019/02/20 Python
Win10下python 2.7与python 3.7双环境安装教程图解
2019/10/12 Python
python 实现二维字典的键值合并等函数
2019/12/06 Python
Html5移动端div固定到底部实现底部导航条的几种方式
2021/03/09 HTML / CSS
瑞典轮胎在线:Tirendo.se
2018/06/21 全球购物
Oracle性能调优原则
2012/05/03 面试题
电子专业推荐信范文
2013/11/18 职场文书
主题教育活动总结
2014/05/05 职场文书
大学生村官考核材料
2014/05/23 职场文书
检讨书怎么写
2015/01/23 职场文书
2015年学校食堂工作总结
2015/04/22 职场文书
校园环境卫生倡议书
2015/04/29 职场文书
2016年社区文体活动总结
2016/04/06 职场文书
十大最帅动漫男主 碓冰拓海上榜,第一是《灌篮高手》男主角
2022/03/18 日漫