首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

jquery用return false提交的表单;迷路了不能提交两次?

jquery用return false提交的表单是指在前端使用jQuery库来处理表单提交时,通过在提交事件中使用return false来阻止表单的默认提交行为。

当使用return false来提交表单时,表单将不会被真正提交到后端服务器进行处理,而是停留在前端页面。这种方式通常用于在提交表单之前进行一些前端验证或其他操作,以确保表单数据的有效性。

然而,如果在使用return false提交表单后迷路了或者出现了其他问题,可能会导致表单无法再次提交。这可能是由于以下原因之一:

  1. 代码逻辑错误:在使用return false提交表单的代码中,可能存在逻辑错误导致表单无法再次提交。可以检查代码中是否有其他地方对表单提交进行了限制或阻止。
  2. 事件绑定问题:可能是由于事件绑定问题导致表单无法再次提交。可以检查代码中是否正确绑定了表单的提交事件,并且没有重复绑定或其他冲突。
  3. 表单状态问题:可能是由于表单的状态问题导致无法再次提交。可以尝试重置表单的状态,清除之前的提交状态,然后再次尝试提交。

总之,如果使用return false提交表单后遇到了问题,需要仔细检查代码逻辑、事件绑定和表单状态,以确定导致无法再次提交的原因,并进行相应的修复。

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

python测试开发django-154.bootstrap-formvalidation

前言 表单输入框对输入内容校验,这是一个很基本功能,像这种非常普遍功能,当然是先找下有没有现成插件可以使用。...官网:http://formvalidation.io/ formvalidation下载与使用 formvalidation官网最新版是需要收费,当然我知道小伙伴们跟我一样是不愿意去花这个钱,所以我这里找了一个早期免费版可以...False}) else: return JsonResponse({"valid": True}) 校验不通过显示效果 校验通过 提交数据 点提交按钮会触发submit...方法提交表单,我们也可以自定义ajax提交 //点提交时候校验 $('[type="submit"]').click(function(e) { // Prevent form...submission 阻止默认submit方法,ajax提交 e.preventDefault(); var $form = $("#login-form"); // The form

1.6K40

jQuery validate 表单验证插件

最近写了两个组表单提交页面,好久没用jQuery,在写时候总遇到一些莫名其妙为难题,这里记录一下。...,例如rules,messages等     }); }); validate验证、提交部分 $('#form').submit(function(){//当表单提交时,进行表单验证     if($.../script.php脚本上     }else{         alert('验证失败');     }     return false; //这个很重要,靠return false来阻止html...表单动作,让所有的表单动作都交给JS来处理。...}); 之前一直没写return false,导致总是出现个问题,例如alert()会一闪而过,后台会记录两次提交提交有时GET给表单页面自己等… 后来怀疑是submit()问题,查一下手册,

1.5K00

jQuery最方便前端验证方式2种(非空验证与比较验证)

jQuery最方便前端验证方式2种(非空验证与比较验证) 目录 jQuery最方便前端验证方式2种(非空验证与比较验证) 使用jQuery地址: 验证需求: 1、非空验证 2、比较验证 jQuery...、检测数字、判断是否为数字、只能输入数字 只能输入2位小数浮点数 只能输入英文字符和数字 ---- 使用jQuery地址: https://code.jquery.com/jquery-3.4.1...验证需求: 1、非空验证 当用户没有输入用户名就提交时候【阻止提交】并提示相应文字。...核心代码: 这里最核心代码是取消form表单提交操作,这里不建议直接使用onSubmit事件,建议单独加载一遍,使用bind方式加载事件。...true; return false; } 我们在if中逐一添加想要判断函数,使用对应逻辑链接所有的函数返回值。

2K40

jQuery插件 -- Form表单插件jquery.form.js

jQuery Form插件是一个优秀Ajax表单插件,可以非常容易地、无侵入地升级HTML表单以支持Ajax。...jQuery Form有两个核心方法 -- ajaxForm() 和 ajaxSubmit(), 它们集合从控制表单元素到决定如何管理提交进程功能。...show(); 8 }); 9 return false; //阻止表单默认提交 10 }); 通过Form插件两个核心方法,都可以在不修改表单HTML代码结构情况下...元素 20 return true; //只要不返回false表单都会提交,在这里可以对表单元素进行验证 21 }; 22 23 function showResponse(...false; //阻止表单默认提交 37 }); 表单提交之前进行验证:  beforeSubmit会在表单提交前被调用,如果beforeSubmit返回false,则会阻止表单提交 1 beforeSubmit

13.5K50

【转】jQuery验证控件jquery.validate.js使用说明+中文API

,未通过验证表单(第一个或提交之前获得焦点未通过验证表单)会获得焦点 focusCleanup:Boolean  Default: false 如果是true那么当未通过验证元素获得焦点时,...username: function() { return $("#username").val(); } } } 远程地址只能输出 "true" 或 "false",不能有其它输出 9添加自定义校验...$(".selector").validate({    onclick:false }) focusInvalid Boolean 默认:true 提交表单后,未通过验证表单(第一个或提交之前获得焦点未通过验证表单...<=params[1]){     return true;    }else{     return false;    } },"必须是一个字母,且a-f"); 时候,比如有个表单字段...第三个参数,就是自定义错误提示,这里提示为:"必须是一个字母,且a-f" addMethod第二个参数,是一个函数,这个比较重要,决定这个验证方法时写法 如果只有一个参数,直接写,如果

4.6K40

jquery校验规则使用

}, confirm_password: { required: "请输入确认密码", minlength: "确认密码不能小于5个字符", equalTo: "两次输入密码不一致不一致...,则需要验证 required:function(){}返回为真,表时需要验证 后边两种常用于,表单中需要同时填或不填元素 常用方法及注意问题 1.其他方式替代默认SUBMIT...;form.submit(); } }); 如果想提交表单, 需要使用form.submit()而不要使用$(form).submit() 2.debug,如果这个参数为true,那么表单不会提交...,未通过验证表单(第一个或提交之前获得焦点未通过验证表单)会获得焦点 focusCleanup:Boolean Default: false 如果是true那么当未通过验证元素获得焦点时..."true" 或 "false",不能有其它输出 addMethod:name, method, message 自定义验证方法 // 中文字两个字节 jQuery.validator.addMethod

5K30

JQuery学习—JQuery-Validation 使用

大家好,又见面,我是全栈君。 JQuery 学习之 JQuery—Validate验证功能!...confirm_password: { required: "请输入确认密码", minlength: "确认密码不能小于5个字符", equalTo: "两次输入密码不一致不一致...;form.submit(); } }); 如果想提交表单, 需要使用form.submit()而不要使用$(form).submit() 2.debug,如果这个参数为true,那么表单不会提交,只进行检查...,未通过验证表单(第一个或提交之前获得焦点未通过验证表单)会获得焦点 focusCleanup:Boolean Default: false 如果是true那么当未通过验证元素获得焦点时,移除错误提示..."true" 或 "false",不能有其它输出 addMethod:name, method, message 自定义验证方法 // 中文字两个字节 jQuery.validator.addMethod

4.6K20

JqueryForm使用方式

想把现有的表单提交方式变成异步提交方式 异步上传文件 上面的第一种情况也可以jquery ajax来实现 但是一旦表单中有文件上传就必须用jqueryform 下载地址 官方文档 使用说明 常用方法...return false; }); Options对象 ajaxForm和ajaxSubmit都支持众多选项参数,这些选项参数可以使用一个Options对象来提供。...元素值可能被指定为一个jQuery选择器字符串,一个jQuery对象,或者一个DOM元素。 默认值:null。 url 指定提交表单数据URL。 覆盖表单默认值。...beforeSubmit”回调函数作为一个钩子(hook),被提供来运行预提交逻辑或者校验表单数据。如果 “beforeSubmit”回调函数返回false,那么表单将不被提交。”...beforeSubmit”回调函数带三个调用参数:数组形式表单数据,jQuery表单对象,以及传入ajaxForm/ajaxSubmit中Options对象。

2.3K20

jquery_validation插件辅助资料

/jqueryvalidate/localization/messages_zh.min.js"> 【】jQuery validation插件使用 1.定义表单 可以使用...remote:URL   使用ajax方式进行验证,默认会提交当前验证值到远程地址,如果需要提交其他值,可以使用data选项   remote: "check-email.php"  ...}   远程地址只能输出 "true" 或 "false",不能有其它输出   【】jQuery validation自定义验证规则 addMethod:name, method...));   }, "请正确填写您邮政编码");   //jQuery.validateoptional(element),用于表单控件值不为空时才触发验证 此时定义byteRangeLength...},    confirm_password: {     required: "请输入确认密码",     minlength: "确认密码不能小于5个字符",     equalTo: "两次输入密码不一致不一致

1K20

web前端之锋利jQuery八:jQuery插件使用(表单验证、表单提交

1.jQuery表单验证插件-Validation: 最常使用JavaScript场合就是表单验证,而jQuery作为一个优秀JavaScript库,也提供一个优秀表单验证插件-Validation...jQuery Form有两个核心方法-ajaxForm()和ajaxSubmit,他们集合从控制表单formSerialize()、fieldSerialize()、fieldValue()、clearForm...show(); }); return false;//阻止表单默认提交 }); ajaxForm()和ajaxSubmit()参数 ajaxForm()和ajaxSubmit()都能接受...false; }); 在options对象里,指定两个回调函数,即beforeSubmit:showRequest和success:showResponse,他们分别会在表单提交前和表单提交后被调用。...这个回调函数中只要不返回false表单豆浆杯允许提交;如果返回false,则会阻止表单提交

6.6K50

Asp.Net Jquery和一般处理程序实现无刷新上传大文件

知识了解 利用jQuery Form PluginajaxSubmit方法通过AJAX提交表单    表单提交后,在一般处理程序中HttpContext.Current.Request.Files...才能获取客户端上传文件集合  http://www.malsup.com/jquery/form/#api    提交表单,上传时,等待效果可以在beforeSubmit回调函数中显示 http:/...2097151KB(最大不能大于2G)    可以看到还设置executionTimeout元素, executionTimeout元素表示请求允许被执行秒数,默认为110秒(.Net Framework1.1...; return false; } $("[id$='form1']").ajaxSubmit({...页面上没有 type="file" 标签  formenctype属性未设置成multipart/form-data 提交方法有问题,请注意JS源码中提交表单ajaxSubmit方法   (Jquery.form.js

2K50

PHP+iframe模拟Ajax上传文件功能示例

本文实例讲述PHP+iframe模拟Ajax上传文件功能。...分享给大家供大家参考,具体如下: 在xmlhttprequest level 1中,Ajax是不能够上传文件,因为js不能操作本地文件,但是市场上有一些Ajax异步上传文件插件,是怎么完成呢?...09-iframe-upload.html文件: 页面中有一个表单表单中有一个上传文件按钮和提交按钮,点击提交按钮执行ajaxUpload函数,然后动态创建iframe标签,让其不可见,最后设置表单.../1.7.2/jquery.min.js" </script <script /** * 文件上传 * @return bool 是否提交表单 * 1、捕捉表单提交动作...属性 $('#progress').html('<img src="progress.jpg"/ ');//显示上传是否成功 //return false; } </script

1.5K61

jQuery

欢迎大家访问: http://www.dintalk.cn jQuery本质上就是一个外部js文件(jQuery.js),该文件中封装了很多js代码,实现很多功能。...dom(js)对象; 两者方法和属性不能混用; 使用jQuery方法和属性时,必须保证对象是jquery对象; 2.js对象和jquery对象之间转换: js对象 → jquery对象 $...方式1:jQuery对象[index] 方式2:jQuery对象.get(index) 3.在3.0版本后jQuery页面加载成功事件无顺序,是随机 jQuery2.0前(不含2.0)如1.11版本多...() { // 处理对象逻辑 return this.each(function (index,ele) { ele.checked = false;...message: 提示信息 七:jQuery表单提交不了 发生此种情况,若既没有报错也无跳转,多半是由于在表单中添加了诸如: name="submit"这样属性, 在jQuery中包括使用js

4.3K20
领券