`

jsp 要远离submit 类型按钮提交 表单

    博客分类:
  • j2ee
JSP 
阅读更多
  一个普通的form表单提交,post方式,提交按钮为<input type="submit" value="提交" onclick="return checkSub();"/>,然后js有验证为:

//报名验证
function checksub(){

if(条件){ //判断是否登录
showModeWindow(); //弹出登录框
return false;
}

if(条件){ //登录是否输入姓名
alert("请填写真实姓名!");
$("#realname").focus();
return false;
}

         return ture;

}
就这样,就是登录必须登录,并且输入了姓名后,才能提交表单。项目正常用了一段时间,没任何问题,可是有一天,客户突然问题,为什么报名表中有一条数据没有用户姓名,我就觉得奇怪,就又返回测,怎么测,都会正常提交先登录,或是输入姓名。我百思不得其解。 所以,我都视这个问题为一灵异现象,直至今天,我的网速不好,我再次瞎点,真还发现我自己都提交了一报名信息。再试,再发一个问题,就是页面刚刚加载出提交按键时,我就点击那个提交按钮,这时,js会发生一个错误,但瞬间就没了,因为页面已经转到报名结果页面。呵,这家伙,这我才明白,原来,网速不好,页面加载慢,在页面刚加载到提交按钮时,我就点击提交,js验证到用户并未登录,所以执行showModeWindow(),可是此时,这个弹出框相关的东西还没有加载完毕,就会找不着相应对象,故产生js异常。而可罪恶的submit类型提交按钮,会忽略掉js异常,直接提交表彰。以后出理所谓的“灵异现象”。 于是,当即改之如下:<input class="butb6" type="button" value="提 交" onclick="checksub();"/>
js改为:
          function checksub(){

if(条件){ //判断是否登录
showModeWindow(); //弹出登录框
return;
}

if(条件){ //登录是否输入姓名
alert("请填写真实姓名!");
$("#realname").focus();
return;
}

       $("#campaignFrom").submit(); //提交表单。

}

如此一改,问题休矣!
呵,问题一除,大幸,总结与众人分享—— 远离submit类型提交按钮——本人是绝不会再用它。。。
分享到:
评论

相关推荐

    一个jsp页面中多个提交按钮提交不同的页面.zip

    第一个表单的按钮提交到`submit1.jsp`,第二个表单的按钮提交到`submit2.jsp`。当用户点击其中一个按钮时,对应的表单数据将被发送到相应的后端页面进行处理。 在后端的Servlet中,我们可以根据请求参数来判断哪个...

    JSP表单处理(有图解)

    onreset 属性和 onsubmit 属性设定了在按下 reset 按钮和 submit 按钮之后要执行的子程序。 标记用于输入各种类型的数据,包括文本、密码、复选框、单选框、提交按钮、清除按钮、文件、隐藏按钮和图片按钮等。其中...

    jsp中在提交表单时的中文处理问题

    在JSP(Java Server Pages)中处理中文字符时,特别是在用户通过表单提交数据时,可能会遇到各种编码问题。这是因为Web应用中涉及到多种编码格式,包括浏览器编码、HTTP请求编码、服务器编码等,如果这些编码不一致...

    基于layui点击按钮弹出包含表单的窗口

    这个例子涵盖了layui的`form`和`layer`模块的基本使用,包括按钮事件监听、弹窗创建、表单渲染、表单验证以及表单提交。通过深入学习layui文档,你可以发掘更多高级特性和定制化选项,进一步提升你的前端开发效率。

    [Jsp]防止页面表单重复提交的解决方法

    在Web开发中,尤其是使用JavaServer Pages (JSP) 技术时,页面表单的重复提交是一个常见的问题。这可能会导致数据不一致或者服务端处理逻辑错误。本篇文章将探讨如何有效地防止JSP页面中的表单重复提交,确保系统的...

    页面提交submit的几种方法

    这里的`stat()`函数用于验证表单中的开始时间和结束时间是否符合要求,如果验证通过,则通过调用`document.form1.submit()`来提交表单。 #### 方法二:使用`&lt;input type="submit"&gt;`实现表单提交 `&lt;input type="...

    js中获取jsp表单中radio类型的值简单实例

    本文将通过一个简单实例,讲解如何在JavaScript中获取JSP表单中单选按钮(radio)类型的值。 首先,我们需要了解单选按钮(radio)在HTML表单中的基本用法。单选按钮允许用户在一组选项中选择一个值,它通常使用`...

    jsp项目放置表单重复提交

    本文将深入探讨这个问题,以及如何通过JavaServer Pages(JSP)技术来防止表单的重复提交。 首先,理解表单重复提交的情况。当用户点击提交按钮后,由于网络延迟或刷新页面等原因,可能会导致同一个表单的数据被多...

    JSP按钮事件

    在 JSP 中,我们可以使用按钮来提交表单数据、执行数据库操作、执行 JavaScript 代码等。 在 JSP 中,我们可以使用 input 标签来创建按钮,例如:()"&gt;。这里的 type 属性值为 "button",表示这是一个普通的按钮,而...

    jsp表单制作.rar_html_jsp_jsp 制作表单_jsp开发_jsp表单制作

    - `&lt;button&gt;`标签:创建按钮,`type`属性可定义为`submit`(提交表单)或`reset`(重置表单)。 2. **JSP表单处理**: - `request.getParameter()`:当表单提交时,JSP通过这个方法获取用户在表单中输入的数据。 ...

    javascript实现点击提交按钮后显示loading的方法

    主要介绍了javascript实现点击提交按钮后显示loading的方法,涉及javascript动态设置页面元素样式的相关技巧,需要的朋友可以参考下

    用jsp做的几种表单

    本文将深入探讨如何利用JSP技术来构建不同类型的表单,以及如何处理这些表单提交的信息。 一、JSP与HTML表单 1. 基本概念:HTML表单是用户与网页交互的主要方式,通过`&lt;form&gt;`标签定义。在JSP中,我们可以将HTML...

    jsp+servlet做的form表单元素的提交

    本主题将深入探讨如何利用JSP和Servlet处理表单(form)元素的提交,以及在后台进行数据处理后再将结果显示出来。 首先,JSP是一种视图技术,它允许开发者在HTML页面中嵌入Java代码,用于生成动态内容。表单是HTML中...

    ajax 无刷新实现表单提交

    简单的ajaxt无刷新实现表单提交的实例(myeclipse 直接导入运行) 学习点: 1;ajax无刷新表单提交 2;ajax的运行历程 最简单明了的实例,清晰的帮你弄清上述概念,运行简单,只需解压该包,然后Myeclipse中file - ...

    提交表单生成html文件

    - **`action`**属性指定了表单数据提交的目标地址,在此例中是`test.jsp`。 #### 表单提交方式与处理 当用户点击提交按钮后,表单数据会通过指定的方法(在这里是`POST`)发送到服务器端进行处理。表单中的每个...

    jsp页面js调用form表单的值的方法

    ### JSP 页面中 JS 调用 Form 表单的值的方法 在 Web 开发中,JSP(Java Server Pages)是一种广泛使用的服务器端技术,它允许开发者将动态内容嵌入到静态 HTML 页面中。本篇文章主要介绍如何在 JSP 页面中通过 ...

    Jsp链接Mysql+Jsp注册表单(学习笔记).

    在`register.jsp`中,使用`request.getParameter()`获取表单数据,然后通过JDBC操作数据库。确保先执行`PreparedStatement`的`setString()`方法设置参数,再执行`executeUpdate()`插入数据,以防止SQL注入攻击: `...

    jsp表单和图片一起上传

    &lt;input type="submit" value="提交"&gt; ``` 注意,表单的`enctype`属性必须设置为`multipart/form-data`,因为我们需要上传二进制文件——图片。 接下来,我们需要编写一个Servlet来处理表单提交。在Servlet中,...

    一个Jsp两个ActionForm分别提交.rar

    一个Jsp两个ActionForm分别提交.rar一个Jsp两个ActionForm分别提交.rar一个Jsp两个ActionForm分别提交.rar一个Jsp两个ActionForm分别提交.rar一个Jsp两个ActionForm分别提交.rar

Global site tag (gtag.js) - Google Analytics