提交表单时执行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 相关文章推荐
瀑布流布局代码一例
Apr 11 Javascript
js浏览器本地存储store.js介绍及应用
May 13 Javascript
jquery实现标签支持图文排列带上下箭头按钮的选项卡
Mar 14 Javascript
实现音乐播放器的代码(html5+css3+jquery)
Aug 04 Javascript
Javascript数组循环遍历之forEach详解
Nov 07 Javascript
AngularJs表单验证实例代码解析
Nov 29 Javascript
JS作用域闭包、预解释和this关键字综合实例解析
Dec 16 Javascript
JS验证字符串功能
Feb 22 Javascript
Vue.js如何优雅的进行form validation
Apr 07 Javascript
vue 弹框产生的滚动穿透问题的解决
Sep 21 Javascript
vue data引入本地图片的两种方式小结
Nov 13 Javascript
jquery实现聊天机器人
Feb 08 jQuery
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之PHP语法学习笔记1
2006/12/17 PHP
php提示undefined index的几种解决方法
2012/05/21 PHP
php长字符串定义方法
2012/07/12 PHP
分享一个Laravel好用的Cache宏
2015/03/02 PHP
Laravel最佳分割路由文件(routes.php)的方式
2016/08/04 PHP
详解PHP的抽象类和抽象方法以及接口总结
2019/03/15 PHP
模仿百度三维地图的js数据分享
2011/05/12 Javascript
容易被忽略的JS脚本特性
2011/09/13 Javascript
怎么选择Javascript框架(Javascript Framework)
2013/11/22 Javascript
jquery对ajax的支持介绍
2013/12/10 Javascript
javascript基础语法学习笔记
2016/01/04 Javascript
js微信分享API
2020/10/11 Javascript
jquery实用技巧之输入框提示语句
2016/07/28 Javascript
JavaScript实现url参数转成json形式
2016/09/25 Javascript
用Vue.js实现监听属性的变化
2016/11/17 Javascript
微信小程序点击控件修改样式实例详解
2017/07/07 Javascript
bootstrap table.js动态填充单元格数据的多种方法
2019/07/18 Javascript
小程序按钮避免多次调用接口和点击方案实现(不用showLoading)
2020/04/15 Javascript
Vue双向数据绑定(MVVM)的原理
2020/10/03 Javascript
Python 代码性能优化技巧分享
2012/08/07 Python
python判断字符串是否包含子字符串的方法
2015/03/24 Python
对python创建及引用动态变量名的示例讲解
2018/11/10 Python
如何通过Python实现标签云算法
2019/07/02 Python
python实现FTP循环上传文件
2020/03/20 Python
Python3 hashlib密码散列算法原理详解
2020/03/30 Python
Windows 下更改 jupyterlab 默认启动位置的教程详解
2020/05/18 Python
Pytorch学习之torch用法----比较操作(Comparison Ops)
2020/06/28 Python
4款Python 类型检查工具,你选择哪个呢?
2020/10/30 Python
css3实现背景颜色渐变让图片不再是唯一的实现方式
2012/12/18 HTML / CSS
澳大利亚新奇小玩意网站:Yellow Octopus
2017/12/28 全球购物
理工大学毕业生自荐信
2013/11/01 职场文书
中层干部岗位职责
2013/12/18 职场文书
加油口号大全
2014/06/13 职场文书
仓管员岗位职责范本
2015/04/01 职场文书
html css3不拉伸图片显示效果
2021/06/07 HTML / CSS
Mysql数据库按时间点恢复实战记录
2021/06/30 MySQL