提交表单时执行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.AsyncBox 弹出对话框插件
Aug 29 Javascript
JavaScript onkeydown事件入门实例(键盘某个按键被按下)
Oct 17 Javascript
JavaScript实现设计模式中的单例模式的一些技巧总结
May 17 Javascript
JavaScript中的Number数字类型学习笔记
May 26 Javascript
JS正则替换掉小括号及内容的方法
Nov 29 Javascript
jquery 一键复制到剪切板的实例
Sep 20 jQuery
JavaScript实现兼容IE6的收起折叠与展开效果实例
Sep 20 Javascript
seajs和requirejs模块化简单案例分析
Aug 26 Javascript
Node.js API详解之 timer模块用法实例分析
May 07 Javascript
vue-cli脚手架的.babelrc文件用法说明
Sep 11 Javascript
关于vue属性使用和不使用冒号的区别说明
Oct 22 Javascript
如何用vue实现网页截图你知道吗
Nov 17 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 cli换行示例
2014/04/22 PHP
PHP中命名空间的使用例子
2019/03/22 PHP
Nigma vs Alliance BO5 第二场2.14
2021/03/10 DOTA
javascript里的条件判断
2007/02/27 Javascript
javascript 隐藏/显示指定的区域附HTML元素【legend】用法
2010/03/05 Javascript
js检查页面上有无重复id的实现代码
2013/07/17 Javascript
jquery设置元素的readonly和disabled的写法
2013/09/22 Javascript
JavaScrip实现PHP print_r的数功能(三种方法)
2013/11/12 Javascript
使表格的标题列可左右拉伸jquery插件封装
2014/11/24 Javascript
node.js中的fs.chown方法使用说明
2014/12/16 Javascript
JavaScript中实现map功能代码分享
2015/06/11 Javascript
jQuery往返城市和日期查询实例讲解
2015/10/09 Javascript
js实现纯前端的图片预览
2016/04/27 Javascript
AngularJs bootstrap搭载前台框架——基础页面
2016/09/01 Javascript
有关文件上传 非ajax提交 得到后台数据问题
2016/10/12 Javascript
浅谈bootstrap使用中的一些问题以及解决过程
2016/10/18 Javascript
Vue+jquery实现表格指定列的文字收缩的示例代码
2018/01/09 jQuery
vue的常用组件操作方法应用分析
2018/04/13 Javascript
vue实现的微信机器人聊天功能案例【附源码下载】
2019/02/18 Javascript
ES6 Object属性新的写法实例小结
2019/06/25 Javascript
python 数据加密代码
2008/12/24 Python
天翼开放平台免费短信验证码接口使用实例
2013/12/18 Python
python各类经纬度转换的实例代码
2019/08/08 Python
python使用 __init__初始化操作简单示例
2019/09/26 Python
Python通过TensorFLow进行线性模型训练原理与实现方法详解
2020/01/15 Python
HTML5 canvas标签实现刮刮卡效果
2015/04/24 HTML / CSS
爱游人:Travelliker
2017/09/05 全球购物
经济信息管理专业大学生求职信
2013/09/27 职场文书
计算机专业大学生的自我评价
2013/11/14 职场文书
简单的大学生自我鉴定
2014/02/18 职场文书
2014年信息宣传工作总结
2014/12/18 职场文书
网络营销计划
2015/01/17 职场文书
幼儿园小班教师个人工作总结
2015/02/06 职场文书
销售经理工作检讨书
2015/02/19 职场文书
2019入党申请书范文3篇
2019/08/21 职场文书
Go语言基础切片的创建及初始化示例详解
2021/11/17 Golang