Jquery表单验证失败后不提交的解决方法_jquery

前言

这个问题经过我的整理发现是对事件的认识和js的结构没有了解清楚,returnfalseonclick事件中没有返回,所以onclick之后只是显示了false值。

解决方法示例

就是一个普通的表单验证提交:

<input type="botton" </code><code>onclick="javascript:checkUserInfo()"</code><code>/>

checkUserInfo()是一个jquery验证方法,错误返回false

问题在于:返回false后表单提交。

发现只需要把:

onclick="checkUserInfo()"

改成:

onclick="return checkUserInfo()"

返回false的时候就可以阻止表单提交了。

总结

以上就是Jquery表单验证失败后不提交的全部内容,或许很多人一看就明白了如何操作,但是避免不了因为工作的繁忙而忘记,希望这篇文章对大家能有一定的帮助,如果有疑问大家可以留言交流。

以上是小编为您精心准备的的内容,在的博客、问答、公众号、人物、课程等栏目也有的相关内容,欢迎继续使用右上角搜索按钮进行搜索jquery
阻止表单提交
jquery表单提交前验证、jquery表单验证提交、jquery验证并提交表单、jquery表单验证后提交、jquery提交form表单,以便于您获取更多的相关知识。

时间: 2025-01-16 02:14:12

Jquery表单验证失败后不提交的解决方法_jquery的相关文章

jquery blockUI 遮罩不能消失与不能提交的解决方法_jquery

复制代码 代码如下: //显示遮罩 $.blockUI({ message: $('#divlogin'), css:{width:"400px", height:"255px", top: ($(window).height() - 400) /2 + 'px', left: ($(window).width() - 400) /2 + 'px'} }); //取消遮罩 $("#cancel").click(function() { $.unb

thinkphp form表单验证失败了为啥还会提交

问题描述 thinkphp form表单验证失败了为啥还会提交 无标题 用户名: 密码: 验证码: 登陆 </form> function sub(){ var u=document.frm.user_name.value; var p=document.frm.pwd.value; var c=document.frm.code.value; var f=document.frm; if(u=='' || p=='' || c==''){ alert('用户名,密码,验证码不能为空'); }

jquery实现表单验证并阻止非法提交_jquery

代码检测textarea内填写的长度,未填写时提示需要重新填写,少于15字符时提示需要长于15字符,成功时显示所填写建议. <script type="text/javascript"> //jQuery代码 function confirm() { if($("#advice").val().length == 0) { alert("We can't see your advice. Maybe you should fill the fo

实例详解jQuery表单验证插件validate_jquery

validate插件是一个基于jquery的表单验证插件了里面有许多的常用的一些验证方法我们可以直接调用,具体的我们一起来看看. 例子,html代码 <!DOCTYPE html> <html lang="en"> <head> <include file="Common/Header" /> <meta charset="utf-8"> <script src="/jq

Yii框架中jquery表单验证插件用法示例_php实例

本文实例讲述了Yii框架中jquery表单验证插件用法.分享给大家供大家参考,具体如下: 运行效果图如下: 视图层: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtm

jquery 表单验证之通过 class验证表单不为空_jquery

在开发系统时,往往都有某些表单数据为必填项,若用jQuery通过ID去验证,不仅会影响效率,还会有所遗漏,不易于后期维护. 本章将介绍如何利用jQuery,通过为表单配置class进行统一验证.(ID一个页面只可以使用一次:class可以多次引用) 1:为input添加class,名字可以随意设置,但每个input需要保持一致,本章案例calss设置为noNull.(若input已有class属性,可直接加到其后) 2:为input添加一个属性,用来后期通过jquery获取该字段,用作提示语.本

Yii框架中jquery表单验证插件用法示例

本文实例讲述了Yii框架中jquery表单验证插件用法.分享给大家供大家参考,具体如下: 运行效果图如下: 视图层: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtm

一款比较实用齐全的jQuery表单验证插件

一款比较实用,并且验证类型齐全的jQuery表单验证插件.英文版原作者@Vanadium,由我做中文整理.E文水平有限,如果翻译的有问题的,请大家指出,在此感谢~ 可以验证哪些? 文字,日期,邮箱,网址,数字,AJAX用户名验证以及自定义的正则等等几乎所有我们要用到的验证. 不多说,看DEMO吧:点些下载 如何使用? 第一步,当然是和使用其他jQuery插件一样,引入插件文件vanadium.js;第二步,根据你表单要使用的验证方法,在你的表单中加入对应的验证挂钩.比如你想使下面的表单为必填项:

JQuery表单验证插件EasyValidator用法分析_jquery

本文实例讲述了JQuery表单验证插件EasyValidator用法.分享给大家供大家参考.具体如下: 本插件的宗旨是:用户无需写一行JS验证代码,只需在要验证的表单中加入相应的验证属性即可,让验证功能易维护,可扩展,更容易上手. DEMO中已经包含了常用的正则表达式,可以直接复用,为了考虑扩展性,所以针对不同用户特殊需求,自行写正则吧. EasyValidator实现的功能: 1.提示功能(在表单或者其他标签中加入tip="想提示的文字") 如: 复制代码 代码如下: <inp