用javascript响应表单的提交事件
2008-02-23 07:58:27来源：互联网 阅读 ()
我们有的时候要在提交表单之前对用户输入的数据进行验证,如果输入的不正确的话,就给一提示,并让从新输入,那么我们是怎么实现的呢?现在我以一个需求的实现为例进行简要说明：
我的功能要求：
用户输入一个类型，要求是数字，所以我们进行数字验证。
在提交的时候对起类型id字段进行是否为空验证，如果为空的话，就给一个提示，并要求起从新输入
我们的JSP代码如下：
<%@page contentType="text/html; charset=GBK"%>
<html>
<head>
<title>addNewsType</title>
</head>
<body bgcolor="#ffffff">
<h2>新闻类型添加</h2>
<hr />
<form name="form1" method="post" action="<%=request.getContextPath()%>/news/NewsTypeAddAction.sh"
onSubmit="return actionCheck();">
<table>
<tr>
<td>新闻类型编号</td>
<td>
<input type="text" name="typeid" onBlur="isDigit(this.value)"> </td>
</tr>
<tr>
<td>新闻类型名称</td>
<td>
<input type="text" name="typename"> </td>
</tr>
<tr>
<td>新闻存放目录名称</td>
<td>
<input type="text" name="dir"> </td>
</tr>
<tr>
<td>使用模版名称</td>
<td>
<input type="text" name="templatename"> </td>
</tr>
<tr>
<td colspan="2">
<div align="center">
<input type="submit" name="Submit" value="Submit">
<input type="reset" value="Reset">
</div></td>
</tr>
</table>
</form>
<script type="text/javascript">
function isDigit(s)
{
var patrn=/^[0-9]{1,20}$/;
if (!patrn.exec(s)&&s!=""){
alert("请您输入数字!");
document.form1.typeid.value="";
document.form1.typeid.focus();
return false;
}
}
function actionCheck(){
if(document.form1.typeid.value==""){
alert("新闻类型编号不能为空!");
document.form1.typeid.value="";
document.form1.typeid.focus();
return false;
}
}
</script>
</body>
</html>
我们的javascript检验部分不需要解释，主要是我们的检验代码要在要在form的onSubmit事件中实现，并且要使用return 返回值才能实现。也就是下划线显示的部分。
自己的一点粗浅认识，望多指教。
标签：
版权申明：本站文章部分自网络，如有侵权，请联系：west999com@outlook.com
特别注意：本站所有转载文章言论不代表本站观点，本站所提供的摄影照片，插画，设计作品，如需使用，请与原作者联系，版权归原作者所有
IDC资讯： 主机资讯 注册资讯 托管资讯 vps资讯 网站建设
网站运营： 建站经验 策划盈利 搜索优化 网站推广 免费资源
网络编程： Asp.Net编程 Asp编程 Php编程 Xml编程 Access Mssql Mysql 其它
服务器技术： Web服务器 Ftp服务器 Mail服务器 Dns服务器 安全防护
软件技巧： 其它软件 Word Excel Powerpoint Ghost Vista QQ空间 QQ FlashGet 迅雷
网页制作： FrontPages Dreamweaver Javascript css photoshop fireworks Flash
