一个普通的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类型提交按钮——本人是绝不会再用它。。。
分享到:
相关推荐
第一个表单的按钮提交到`submit1.jsp`,第二个表单的按钮提交到`submit2.jsp`。当用户点击其中一个按钮时,对应的表单数据将被发送到相应的后端页面进行处理。 在后端的Servlet中,我们可以根据请求参数来判断哪个...
onreset 属性和 onsubmit 属性设定了在按下 reset 按钮和 submit 按钮之后要执行的子程序。 标记用于输入各种类型的数据,包括文本、密码、复选框、单选框、提交按钮、清除按钮、文件、隐藏按钮和图片按钮等。其中...
在JSP(Java Server Pages)中处理中文字符时,特别是在用户通过表单提交数据时,可能会遇到各种编码问题。这是因为Web应用中涉及到多种编码格式,包括浏览器编码、HTTP请求编码、服务器编码等,如果这些编码不一致...
这个例子涵盖了layui的`form`和`layer`模块的基本使用,包括按钮事件监听、弹窗创建、表单渲染、表单验证以及表单提交。通过深入学习layui文档,你可以发掘更多高级特性和定制化选项,进一步提升你的前端开发效率。
在Web开发中,尤其是使用JavaServer Pages (JSP) 技术时,页面表单的重复提交是一个常见的问题。这可能会导致数据不一致或者服务端处理逻辑错误。本篇文章将探讨如何有效地防止JSP页面中的表单重复提交,确保系统的...
这里的`stat()`函数用于验证表单中的开始时间和结束时间是否符合要求,如果验证通过,则通过调用`document.form1.submit()`来提交表单。 #### 方法二:使用`<input type="submit">`实现表单提交 `<input type="...
本文将通过一个简单实例,讲解如何在JavaScript中获取JSP表单中单选按钮(radio)类型的值。 首先,我们需要了解单选按钮(radio)在HTML表单中的基本用法。单选按钮允许用户在一组选项中选择一个值,它通常使用`...
本文将深入探讨这个问题,以及如何通过JavaServer Pages(JSP)技术来防止表单的重复提交。 首先,理解表单重复提交的情况。当用户点击提交按钮后,由于网络延迟或刷新页面等原因,可能会导致同一个表单的数据被多...
在 JSP 中,我们可以使用按钮来提交表单数据、执行数据库操作、执行 JavaScript 代码等。 在 JSP 中,我们可以使用 input 标签来创建按钮,例如:()">。这里的 type 属性值为 "button",表示这是一个普通的按钮,而...
首先,Button类型的按钮仅仅是一个普通的按钮,点击它不会自动提交表单,而Submit类型的按钮则会自动提交表单。因此,如果我们想要实现页面的跳转,可以使用Submit类型的按钮,但是需要注意的是,使用Submit类型的...
- `<button>`标签:创建按钮,`type`属性可定义为`submit`(提交表单)或`reset`(重置表单)。 2. **JSP表单处理**: - `request.getParameter()`:当表单提交时,JSP通过这个方法获取用户在表单中输入的数据。 ...
主要介绍了javascript实现点击提交按钮后显示loading的方法,涉及javascript动态设置页面元素样式的相关技巧,需要的朋友可以参考下
本文将深入探讨如何利用JSP技术来构建不同类型的表单,以及如何处理这些表单提交的信息。 一、JSP与HTML表单 1. 基本概念:HTML表单是用户与网页交互的主要方式,通过`<form>`标签定义。在JSP中,我们可以将HTML...
本主题将深入探讨如何利用JSP和Servlet处理表单(form)元素的提交,以及在后台进行数据处理后再将结果显示出来。 首先,JSP是一种视图技术,它允许开发者在HTML页面中嵌入Java代码,用于生成动态内容。表单是HTML中...
简单的ajaxt无刷新实现表单提交的实例(myeclipse 直接导入运行) 学习点: 1;ajax无刷新表单提交 2;ajax的运行历程 最简单明了的实例,清晰的帮你弄清上述概念,运行简单,只需解压该包,然后Myeclipse中file - ...
- **`action`**属性指定了表单数据提交的目标地址,在此例中是`test.jsp`。 #### 表单提交方式与处理 当用户点击提交按钮后,表单数据会通过指定的方法(在这里是`POST`)发送到服务器端进行处理。表单中的每个...
### JSP 页面中 JS 调用 Form 表单的值的方法 在 Web 开发中,JSP(Java Server Pages)是一种广泛使用的服务器端技术,它允许开发者将动态内容嵌入到静态 HTML 页面中。本篇文章主要介绍如何在 JSP 页面中通过 ...
在`register.jsp`中,使用`request.getParameter()`获取表单数据,然后通过JDBC操作数据库。确保先执行`PreparedStatement`的`setString()`方法设置参数,再执行`executeUpdate()`插入数据,以防止SQL注入攻击: `...
### jsp表单验证汇总知识点解析 #### 一、JS验证Radio按钮是否被选择 **功能描述:** 此段代码用于验证HTML表单中的至少一个`<input type="radio">`选项是否已被选中。若没有选项被选中,则会弹出警告提示“请选择...
<input type="submit" value="提交"> ``` 注意,表单的`enctype`属性必须设置为`multipart/form-data`,因为我们需要上传二进制文件——图片。 接下来,我们需要编写一个Servlet来处理表单提交。在Servlet中,...