专栏首页Web 开发jQuery validate 表单验证插件

jQuery validate 表单验证插件

最近写了两个组表单提交的页面,好久没用jQuery,在写的时候总遇到一些莫名其妙的为难题,这里记录一下。

如果表单通过前端JS来先做预判断,然后通过JS来post到后端脚本的,则表单form标签可以不填action和method等信息。

validate初始化部分

$(document).ready(function(){
    $('#form').validate({//文档加载完毕,初始化validate插件
    //这里写validate初始化的一些信息,例如rules,messages等
    });
});

validate验证、提交部分

$('#form').submit(function(){//当表单被提交时,进行表单验证
    if($(this).valid() == true){
        $.post({'./script.php'});//当表单验证通过时,post到./script.php的脚本上
    }else{
        alert('验证失败');
    }
    return false; //这个很重要,靠return false来阻止html的表单动作,让所有的表单动作都交给JS来处理。
});

之前一直没写return false,导致总是出现个问题,例如alert()会一闪而过,后台会记录两次提交的,提交有时GET给了表单页面自己等…

后来怀疑是submit()的问题,查了一下手册,才发现有这么个东东。

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • Yoast SEO和Crayon Syntax Highlighter冲突

    libo1106
  • 做wordpress CMS必须用到的强力代码(转)

    这个代码很强力,做一个wordpress cms的索引页面(index.php) 这个代码是必须要会使用,不然会走很多弯路。

    libo1106
  • 奇怪

    今天在学校,用vmware workstation 7,运行ubuntu9.04,一开始用iNode拨号,提示检测到多网卡,强制断线。然后我把vmware生成的...

    libo1106
  • 表单

    在HTML中,一个完整的表单通常由表单控件(也称为表单元素)、提示信息和表单域3个部分构成。

    星辰_大海
  • Dooring可视化之从零实现动态表单设计器

    之前笔者有写过一篇如何设计动态表单配置平台的文章,但是由于笔者电脑问题代码丢失,所以后期重新实现了一套表单设计器,并优化了之前的设计方式,特地做一下总结和复盘。

    徐小夕
  • 基于Vue,ElementUI开发的一款表单设计器

    基于Vue,ElementUI开发的一款表单设计器,提高表单开发效率的利器,让开发者从枯燥的表单代码编写中解放出来

    程序源代码
  • Contact Form 7插件添加表单教程

    作为一个网站所有者,你绝对应该学习如何添加一个联系表单到WordPress。你的网站不是一个匿名实体。大多数人都想知道,偶尔也会和他们所读内容背后的人互动。你认...

    小刘谷歌seo博客wyseoblog.com
  • 工作流引擎之activiti三种不同的表单及其应用

    这个恐怕是初次接触工作流最多的话题之一了,当然这个不是针对Activiti来说的,每个工作流引擎都会支持多种方式的表单。目前大家讨论到的大概有三种。

    lyb-geek
  • 微信小程序|表单数据绑定及提示弹窗

    一个小程序应用,总是会出现注册时填写个人界面的情况,这个界面就是一个双向数据绑定的表单,而如何实现一个表单的数据绑定以及如何在提交信息时跳出一个提示弹窗,则需要...

    算法与编程之美
  • Bootstrap的表单设计器

    如果是内部系统或是自己需要写个简单点的页面,可以直接使用Twitter的Bootstrap,而这个表单器也是非常好用,直接拖拽,设置属性,得到一个很漂亮的表单...

    meteoric

扫码关注云+社区

领取腾讯云代金券