首页
学习
活动
专区
工具
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.6K00
  • 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中逐一添加想要判断函数,使用对应逻辑链接所有的函数返回值。

    2.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.7K40

    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: "两次输入密码不一致不一致

    1.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

    2.1K50

    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

    实战分析表单form中禁止自动提交

    前言 本文是我本人在开发网页时,在表单中加入了button按钮,本来是用于jQuery点击相应事件按钮,然后,但我点击button时,发现不是达到jQuery指定效果,原本以为class标签或者其他代码写错...,找了很久,之后查找资料,知道表单form提交除了submit提交还有button也会提交,所以总结如何处理不然button 提交表单,在本文中,我们将讨论网页表单(form)中提交两种方式。...解决方案 return false 一种是在jQuery代码最后加一句:return false,禁止表单提交; 在jQuery事件处理函数中,返回false可以阻止表单默认提交行为。...false,禁止提交表单 return false; }); }); <font color="red...事件处理函数中返回<em>false</em>以禁止<em>表单</em><em>提交</em>。

    25300
    领券