提交表单时执行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显示和隐藏元素或设为只读(含Ligerui的控件禁用,实例说明介绍)
Jul 09 Javascript
使用js的replace()方法查找字符示例代码
Oct 28 Javascript
JavaScript中的对象序列化介绍
Dec 30 Javascript
javascript鼠标滑动评分控件完整实例
May 13 Javascript
jquery实现TAB选项卡鼠标经过带延迟效果的方法
Jul 27 Javascript
JQuery悬停控制图片轮播——代码简单
Aug 05 Javascript
WEB前端实现裁剪上传图片功能
Oct 17 Javascript
socket io与vue-cli的结合使用的示例代码
Nov 01 Javascript
Vue-cli3.x + axios 跨域方案踩坑指北
Jul 04 Javascript
如何使用Jquery动态生成二级选项列表
Feb 06 jQuery
vue实现导航菜单和编辑文本的示例代码
Jul 04 Javascript
vue 使用class创建和清除水印的示例代码
Dec 25 Vue.js
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 self,$this,const,static,-&amp;gt;的使用
2009/10/22 PHP
ThinkPHP实现跨模块调用操作方法概述
2014/06/20 PHP
php curl常用的5个经典例子
2017/01/20 PHP
php swoft框架实例用法
2020/12/22 PHP
用js查找法实现当前栏目的高亮显示的代码
2007/11/24 Javascript
JavaScript 计算当天是本年本月的第几周
2009/03/22 Javascript
可自己添加html的伪弹出框实现代码
2013/09/08 Javascript
详解Jquery实现ready和bind事件
2016/04/14 Javascript
大型JavaScript应用程序架构设计模式
2016/06/29 Javascript
AngularJS 实现弹性盒子布局的方法
2016/08/30 Javascript
angular双向绑定模拟探索
2016/12/26 Javascript
nodejs开发微信小程序实现密码加密
2017/07/11 NodeJs
Vue组件Draggable实现拖拽功能
2018/12/01 Javascript
JSON字符串操作移除空串更改key/value的介绍
2019/01/05 Javascript
vue中的mvvm模式讲解
2019/01/31 Javascript
用node撸一个监测复联4开售短信提醒的实现代码
2019/04/10 Javascript
解析JS在获取当前月的最后一天遇到的坑
2019/08/30 Javascript
vue插件--仿微信小程序showModel实现模态提示窗功能
2020/08/19 Javascript
构建一个JavaScript插件系统
2020/10/20 Javascript
vue+iview实现分页及查询功能
2020/11/17 Vue.js
python sort、sorted高级排序技巧
2014/11/21 Python
Python中字典映射类型的学习教程
2015/08/20 Python
详解python实现线程安全的单例模式
2018/03/05 Python
selenium+python 对输入框的输入处理方法
2018/10/11 Python
对django2.0 关联表的必填on_delete参数的含义解析
2019/08/09 Python
pytorch实现mnist数据集的图像可视化及保存
2020/01/14 Python
Python3 shutil(高级文件操作模块)实例用法总结
2020/02/19 Python
CSS3实现文字波浪线效果示例代码
2016/11/20 HTML / CSS
基于CSS3的animation属性实现微信拍一拍动画效果
2020/06/22 HTML / CSS
局部内部类是否可以访问非final变量?
2013/04/20 面试题
省文明单位申报材料
2014/05/08 职场文书
领导班子作风建设剖析材料
2014/10/11 职场文书
廉政文化进校园广播稿
2014/10/20 职场文书
2015年化工厂工作总结
2015/05/04 职场文书
信用卡工作证明范本
2015/06/19 职场文书
Docker容器harbor私有仓库部署和管理
2022/08/05 Servers