当前位置: 首页 > 编程笔记 >

jQuery Validate让普通按钮触发表单验证的方法

柳坚白
2023-03-14
本文向大家介绍jQuery Validate让普通按钮触发表单验证的方法,包括了jQuery Validate让普通按钮触发表单验证的方法的使用技巧和注意事项,需要的朋友参考一下

 一般的表单校验都是直接注册在页面上的匿名函数,导致只能通过固定的提交方式触发表单校验,如果想自定义一个按钮触发表单校验如何实现呢?

目前写法:

$(function(){
 $("#form").validate({
  rules : {
   user_name : {
    required : true
   },
   ……
  },
  messages : {
   user_name : {
    required : '用户名必填',
   },
   ……
  }
 });
});

改写方法:

//编写表单验证函数validform,在验证按钮注册按钮点击事件内调用验证函数对象
function validform(){
 /*关键在此增加了一个return,返回的是一个validate对象,这个对象有一个form方法,返回的是是否通过验证*/
 return $("#form").validate({
  rules : {
   user_name : {
    required : true
   },
   ……
  },
  messages : {
   user_name : {
    required : '用户名必填',
   },
   ……
  }
 });
}
//注册表单验证
$(validform());
以上部分已经实现匿名函数的作用,下面介绍如何通过普通按钮实现表单验证
$("#btn").click(function(){
 if(validform().form()) {
  //通过表单验证,以下编写自己的代码
 } else {
  //校验不通过,什么都不用做,校验信息已经正常显示在表单上
 }
});

以上所述是小编给大家介绍的jQuery Validate让普通按钮触发表单验证的方法,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对小牛知识库网站的支持!

 类似资料:
  • 问题内容: 我有一个带有几个不同字段集的表单。我有一些Javascript可以一次向用户显示字段集。对于支持HTML5验证的浏览器,我很乐意使用它。但是,我需要按我的意愿去做。我正在使用JQuery。 当用户单击JS链接以移至下一个字段集时,我需要在当前字段集上进行验证,并在出现问题时阻止用户继续前进。 理想情况下,当用户失去对某个元素的关注时,将进行验证。 目前没有使用Java进行验证。宁愿使用

  • 把 input 元素的 type 属性设置为“button”,可以创建普通按钮。按钮上显示的文本是value 属性的值,如果没有提供 value 属性,则只创建一个空按钮。如: <input type="button" value="立即购买"> 上述按钮的运行结果如图 3‑33 所示: 图3-33 普通按钮 默认情况下,在普通按钮上点击,是没有任何反应的。因此,需要为普通按钮注册事件,并手动编

  • 我正在制作一个表单,其中使用jQuery进行客户端验证,然后在提交后使用PHP进行服务器端验证。我的问题是,通过使用$(“Form”).Submit(函数(e){},当我单击Cancel和Delete按钮时,验证消息也会出现,而这是不应该的。我只希望只有当单击Save按钮时才会发生验证。有没有其他方法可以做到这一点?非常感谢。下面是我的代码:

  • 问题内容: 这似乎应该很容易,但是我没有找到答案。我有一个表格,需要在此表格中确认是否从广播组中进行了选择。我尝试在单选按钮上使用’required’属性,但是在验证表单后,除非所有单选按钮都被选中(设计上是不可能的),否则它将抱怨。 在AngularJS中验证无线电组选择的正确方法是什么? 单击Plnkr中的“提交”按钮将显示该行为。 http://plnkr.co/edit/3qcIbMvJk

  • 我刚接触vee validate。我想知道您如何验证按钮是否已按下。我已经用ValidationObserver包装了我的表单,其中有一个v形槽无效。我希望用户被要求选择一个按钮,这将允许用户继续到下一页。 代码验证观察员,我包装我的表单: 下面的代码是我需要知道如何设置用户从列表中选择按钮所需的验证。 和结束我的形式我有按钮,允许用户继续。该按钮将被禁用,直到表单完成并且没有验证错误。但我也想确

  • 问题内容: 我正在创建一个需要一些简单输入的gui应用程序,但是,当我单击JFrame中的按钮时,我正在使用的actionPerformed方法没有被触发/触发(什么也没有发生)。我似乎无法弄清楚我错过了什么(如果有帮助,这是Java的新手)。感谢您的帮助/建议。 这是所有代码: 问题答案: 您需要像这样向按钮组件添加一个动作监听器。