按钮onclick 单击 触发jquery.validate 验证

最新推荐文章于 2021-06-01 16:15:42 发布
最新推荐文章于 2021-06-01 16:15:42 发布
阅读量1.4k 收藏
点赞数
文章标签： javascript ViewUI
原文链接：http://www.cnblogs.com/luckychbo/archive/2012/10/26/2740630.html
版权
本文介绍了如何在JavaScript中设置按钮的onclick事件，触发Jquery.validate插件进行表单验证。详细步骤包括配置验证规则和响应点击事件，确保用户输入符合指定要求。
摘要由CSDN通过智能技术生成
  function validateForm() {
             return $("#mainForm").validate({
                errorElement: "em",
                rules: {
                    name: {
                        required:  true,
                        remote: {
                            type: "POST",
                            url: "/plant/check",
                            data: {
                                pname:  function() {  return $("#name").val(); },
                                pid:  function() {  return $("#id").val(); }
                            }
                        }
                    },
                    design_power:
                    {
                        required:  true,
                        number:  true
                    }
                },
                messages: {

                    name: {
                        required: '',
                        remote: ""

                    },
                    longitude: {
                        number: '',
                        max: '',
                        min: ''
                    },
                    latitude: {
                        number: '',
                        max: '',
                        min: ''
                    },
                    design_power: {
                        required: "",
                        number: ''
                    },
                    email: {
                        email: ""
                    }
                },
                errorPlacement:  function(error, element) {
                    parent.iframeauto();
                     if (document.getElementById("error_" + element.attr("name"))) {
                        error.appendTo("#error_" + element.attr("name"));
                    }
                     else
                        error.insertAfter(element);

                },
                success:  function(em) {

                }
            }).form();
           
        }

 

     // 执行提交表单  体检之前先验证填写是否正确
         function execute(issubmit) {
             if (validateForm() && issubmit)
                document.forms[0].submit();
             return validateForm();
        }

 转载请注明：http://www.liebo6.com

转载于:https://www.cnblogs.com/luckychbo/archive/2012/10/26/2740630.html

a_16333
关注
jQuery Validate 触发机制
sakura_mio的博客
03-22 6574
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <script src="jquery-1.11.2.js"></script> <script src="jquery.validate.min.js"></script> <script>
【JS前端验证validate不触发怎么办？】
jackbown的博客
03-28 2293
JS前端验证validate不触发： 写前端项目，用别人模版改的，好几次遇到同一个问题，form表单是用type = submit提交的，jquery的validate插件可以自动触发验证，只需写好rules就行，如下代码： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width,
jquery validation 在触发按钮单击事件进行表单校验和验证通过后发起ajax请求的解决方案
pandajc的博客
10-23 1万+
//声明一个函数 function validform() { return $("#form-article-add").validate({ rules : { title : { required : true, minlength : 5, maxlength : 50 }, sellpoint : { required : true
jQuery验证框架（一） 可选项 (jQuery validation)
蓝色未来
05-17 180
jQuery验证框架 Html代码 &lt;script type="text/javascript" src=js/jquery-1.3.2.min.js&gt;&lt;/script&gt;   &lt;script type="text/javascript" src=js/jquery.validate.pack.js&gt;&lt;/script&gt;   ...
jQuery validation 在触发按钮单击事件进行表单校验和验证通过后发起ajax请求的解决方案
一颗小土豆
07-28 1487
解释一下，首先validation 在验证完毕后并不支持直接绑定按钮进行提交表单的方法。 解决方法： 1.创建一个方法使其返回 一个的aidation 验证的事件 function validateT1(){ return $("#updateempsfrom").validate({ //定义验证规则 rules: { empName: {//元素的...
jquery的validate效验在button点击提交时submitHandler验证两次
kiven9609的博客
03-24 778
jquery.validate 效验默认是在form表单中找$(":submit")的元素作为提交按钮的，如果提交按钮为button，且button 如果没有写type属性，默认是作为“:submit”类型的。 所以在button没有写type属性的时候，提交表单的操作写上 $("button").click(function(){ $("form").submit();}); 就会出现两次...
jQuery EasyUI 1.2.4 API 中文文档（完整）
11-18
- `onClick`: 单击菜单项时触发。 - **方法** - `$.fn.menu('appendItem')`: 添加新的菜单项。 - `$.fn.menu('removeItem')`: 移除菜单项。 **3.2 LinkButton链接按钮** - **用法示例** - 创建一个链接样式的...
jquery鼠标事件
03-07
`onClick`：单击事件 当用户单击页面中的某个元素时触发此事件。常用于实现点击后的跳转、弹窗等功能。 ```javascript $("selector").click(function(){ // 事件处理逻辑 }); ``` #### 2. `onDblClick`：双击事件...
ry-ui.js
weixin_55069111的博客
05-07 1157
调用方式 $.property.function ($.属性.功能) /** * 通用js方法封装处理 * Copyright (c) 2019 ruoyi */ // 当前table相关信息 var table = { config: {}, // 当前实例配置 options: {}, // 设置实例配置 set: function(id) { if($.common.getLength(table.config) > 1) {
ry-ui.js解读和定制
m0_54938705的博客
06-01 2626
若依系统的前端操作大部分储存在/ruoyi-admin/src/main/resources/static/ruoyi/js/ry-ui.js中。 本文对其中的各方法进行了一些备注，新增了几个方法。 有一些console.log输出的部分已经被注释掉，根据需要加回来查看可以方便理解。 js文件和配套的html如下： /** * 通用js方法封装处理 * Copyright (c) 2019 ruoyi */ // 当前table相关信息 //把table的数据取出来就在这里，table.set找到t
JavaScript用于表单验证（1）
一样的飞翔
09-03 669
本人是JS初学者，今天调试了一段JS表单验证代码，感觉收获颇多，第一次写博客，算是做个小小的纪念哈 function validateZipCode1(inputFormElement,helpTextElement){ if((inputFormElement.value.length==6) && (!isNaN(inputFormElement.value))){ if(h
表单中的onclick事件
Catvan的专栏
03-02 713
 <formaction="#" method="POST" name="A" onsubmit="return X();"> <input onclick="Y()"type="submit" value="提交" /> 自己写X()、Y()函数，我们会发现，这几个函数的执行顺序 1) onclick: Y(); 2) onsubmit: X()
在别处 触发JQuery.validate验证
wpx
06-02 452
想实现的操作，一个按钮点击的时候，进行校验，并且检验成功后不提交表单，执行其他操作。原本，validate进行验证通过的时候，会自动提交表单。所以，第一步，需要修改表单，在表单中不要有type为submit的input标签。第二步，将$('#form').validate()赋予某一个变量validator第三步，添加按钮的onclick事件，在里面首先执行validator.form()就可以执...
Jquery Validate 不采用submit方式验证数据方式
热门推荐
非专业程序员小田
01-19 2万+
jquery.validate.js  自动在表单（submit ） 提交的时候进行数据验证 $.validator.setDefaults({ submitHandler: function() { alert("submitted!"); } }); $().ready(function() { // validate the comment form when it
08 数据绑定之校验
张力的程序园
11-22 177
错误数据进入系统是要被限制的，比如本来是工资，却输入了“abc”；本来是人的年龄，却输入了12000。凡此种种都会降低系统的稳定性。本节将阐述springmvc中的数据校验。 1、环境约束 win10 64位操作系统 idea2018.1.5 jdk-8u162-windows-x64 spring4.2.4 2、前提约束 完成基于注解的springmvc的demo http...
jQuery：validate中添加焦点事件、键盘事件
huang100qi的专栏
09-06 7290
在前不久，以下写法都还完全能起作用的： $("#back_login_form").validate({ onkeyup:true, onblur:true, onfocus:true, onkeydown:true, rules:{ ........ 可是，今天用Struts2+hibernate4+spring4+
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值