当表单条件不满足时,Query阻止提交表单的几种方法

方法一:

$(function () { $("input[type=submit]").click(function (event) {/**如果不满足表单提交的条件
阻止提交表单 if(){event.preventDefault();}
*/if(){event.preventDefault();}
/**如果满足表单提交的条件
跳转到成功提交表单后的页面if(){location.href='表单提交地址url';}
*/if(){location.href='url';}
})

方法二：

在 form 表单中设置 action 属性，然后将 input 的类型 type = “submit” 改为 type = “button”，然后在提交表单时执行以下jq代码。

$(function () {
$("#submitButton").click(function (event) { if () { //如果不满足表单提交条件，返回false return false; } else { //满足提交表单的条件则返回true return true; }
}); })

jQuery阻止提交表单的实现方法相关推荐

Jquery ajax提交表单几种方法详解
[导读] 在jquery中ajax提交表单有post与get方式,在使用get方式时我们可以直接使用ajax 序列化表单$( 表单ID) serialize();就行了,下面我来介绍两个提交表单数据的 ...
jquery submit()不能提交表单的解决方法
jquery submit()不能提交表单的解决方法参考文章: (1)jquery submit()不能提交表单的解决方法 (2)https://www.cnblogs.com/war-hzl/p/ ...
JQuery ajax提交表单及表单验证
JQuery ajax提交表单及表单验证博客分类: jsp/html/javascript/ajax/development Kit 开源项目注:经过验证,formValidator只适合一个页面 ...
php提交表单并发送邮件,php提交表单发送邮件的方法
php提交表单发送邮件的方法发布于 2015-03-22 09:54:24 | 132 次阅读 | 评论: 0 | 来源: 网友投递 PHP开源脚本语言PHP(外文名: Hypertext Prep ...
Html:小技巧：自动提交表单的实现方法
Html:小技巧:自动提交表单的实现方法方法一: <html> <head> <title>Untitled Document</title> (1) ...
Jquery ajax 提交表单
这是一个简单的表单信息: <form action="../user/login" method="post" id="loginFrom&qu ...
java jquery提交表单_Jquery ajax提交表单几种方法
在jquery中ajax提交表单有post与get方式,在使用get方式时我们可以直接使用ajax 序列化表单$('#表单ID').serialize();就行了,下面我来介绍两个提交表单数据的方法. ...
jQuery Validate 提交表单验证失败扩展方法
由于Validate没有提供表单提交过后,验证不通过触发方法.这里做一下扩展. 引用场景:每次提交表单元素验证不通过触发方法打开源代码找到focusInvalid 方法, 这里是提交表单时验证不通 ...
jquery ajax提交 jquery post提交表单更新页面
jquery配合.net提交表单,在工作中可能会用到. 比如在表单一中输入id,在表单二中直接显示出来名字. 下面我们就来看看它的工作流程. 前台内容第一,首先要引用jquery不用多说. 第二,写 ...
回车键提交与不提交表单的解决方法
最近遇到IE6/7下敲击回车后表单不提交的问题,网上找到些资料,备案下: 回车键提交表单:设置 <input /> 标签或者 <button> 标签的属性 type=" ...

jQuery阻止提交表单的实现方法

当表单条件不满足时,Query阻止提交表单的几种方法

方法一:

方法二：

jQuery阻止提交表单的实现方法相关推荐

最新文章

热门文章