文章探索:   分类:    关键字:  
  + 栏目导航
  + 相关文章
document 对象
Window.Open详解
JS replace 方法
JScript 属性
JScript 对象
JScript 方法
关于window.opener的用法
JavaScript语法——style.display 属..
不被拦截的弹出窗口代码
showModalDialog和showModelessDialog..
showModelessDialog()使用详解
IE中非模式对话框(showModelessDialog..
JS eval()函数
Preferences 指南
JS中的setTimeout和setInterval的区别
JavaScript对象与数组参考大全
javascript动态增加、删除、填充表格..
用Java实现几种常见的排序算法
JavaScript 日期函数
JavaScript 使用字符串函数
如何用Javascript获得TextArea中的光..
Document 对象方法
在input中只能输入数字
selection.createRange() 用法例子
获取网页各种宽高的值
JavaScript方法 - indexOf方法
substring函数详解
40种网页常用小技巧(javascript)
event.X和event.clientX有什么区别
clientX, clientY,offsetX, offsetY,..


技术教程 -> JavaScript教程 ->  
用javascript响应表单的提交事件
来源:网页教学网   人气:878   录入时间:2007-11-8
     我们有的时候要在提交表单之前对用户输入的数据进行验证,如果输入的不正确的话,就给一提示,并让从新输入,那么我们是怎么实现的呢?
   现在我以一个需求的实现为例进行简要说明:
   我的功能要求:
   用户输入一个类型,要求是数字,所以我们进行数字验证。
   在提交的时候对起类型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 返回值才能实现。也就是下划线显示的部分。
   自己的一点粗浅认识,望多指教。
   




Copyright(C)2007-2024 广州市佳沛数码科技有限公司 版权所有
公司地址: 广州市荔湾区东漖北路560号511室
电话:020-81803473 传真:020-81544987