方式一，不需要考虑jquery.easyui.min.js版本
 <script>

        $(function () {

            //针对 设置 novalidate:true

            $('.validatebox-text').bind('blur', function () {

                $(this).validatebox('enableValidation').validatebox('validate');

            });

            $("#btn_ok").click(function () {

                //启用

                $('.validatebox-text').validatebox('enableValidation').validatebox('validate')

                $.messager.progress(); // 显示进度条

                var b = $("#ff").form('validate');//验证

                if (b) {

                    $.messager.progress('close'); // 如果提交成功则隐藏进度条

                }

                else { $.messager.progress('close'); } // 如果提交成功则隐藏进度条 }

            });

        });

    </script>

　　

<div id="ff">

        <input class="easyui-textbox  easyui-validatebox" type="text" name="name" data-options="required:true,novalidate:true" />

        <input style="width: 150px;" class="easyui-textbox   easyui-validatebox" data-options="required:true,validType:'length[4,20]',missingMessage:'用户名不能为空，请输入用户名',invalidMessage:'用户名的长度为4-20位'" />

        <input class=" textbox easyui-validatebox" data-options="required:true,validType:'email' ,missingMessage:'用户名不能为空，请输入用户名',invalidMessage:'邮件'" />

    </div>

    <input id="btn_ok" type="button" value="确定" />

　　方式2，暂时发现1.3.6版本一下不支持

　　

<script>

        function submitForm() {

            $('#ff').form('submit', {

                onSubmit: function () {

                    var b = $(this).form('enableValidation').form('validate');

                    if (b) {

                        alert("成功");

                    }

                    else { alert("不成功"); }

                }

            });

        }

        $(function () {

            $("#btn_ok").click(function () {

                var b = $('#ff').form("enableValidation").form('validate');

                if (b) {

                    alert("成功");

                }

                else { alert("不成功"); }

            });

        });

    </script>

　　

<body>

    <div id="ff"  class="easyui-form" data-options="novalidate:true">

        <input class="easyui-textbox" type="text" name="email" data-options="required:true" />

    </div>

    <div style="text-align: center; padding: 5px">

        <a href="javascript:void(0)" class="easyui-linkbutton" onclick="submitForm()">Submit</a>

        <a href="javascript:void(0)" class="easyui-linkbutton" id="btn_ok">OK</a>

    </div>

</body>

　　

easyui表单提交验证form的更多相关文章

  1. jQuery Form 表单提交插件----Form 简介，官方文档，官方下载地址

     一.jQuery Form简介 jQuery Form插件是一个优秀的Ajax表单插件,可以非常容易地.无侵入地升级HTML表单以支持Ajax.jQuery Form有两个核心方法 -- ajaxF ...

  2. easyui表单提交，后台获取不到值

    J2ee开发,使用easyui表单提交,在ie中可以正常将参数传递到后台,但使用firefox,chrome都无法将easyui的combobox值传递到后台,使用alert($('#form').s ...

  3. amazeUI表单提交验证--input框required

    效果: html: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> < ...

  4. easyui表单多重验证，动态设置easyui控件

    要实现的功能:在做添加学生信息的时候,利用easyui的验证功能判断 学号是否重复和学号只能为数字 最终效果如下图: 但在做这个的过程中,遇到了一系列的问题: 扩展validatebox的验证方法,最 ...

  5. easyui 表单提交前的 confirm 处理

    最近学习用 easyui,异步提交表单是遇到一个小问题 $('#fModiDetail').form('submit',{ url:'...', onSubmit:function(){ if($(t ...

  6. 原生JS 表单提交验证器

    转载:http://www.cnblogs.com/sicd/p/4613628.html 一.前言 最近在开发一个新项目,需要做登陆等一系列的表单提交页面.在经过“缜密”的讨论后,我们决定 不用外部 ...

  7. aspx中的表单验证 jquery.validate.js 的使用 以及 jquery.validate相关扩展验证(Jquery表单提交验证插件)

    这一期我们先讲在aspx中使用 jquery.validate插件进行表单的验证, 关于MVC中使用 validate我们在下一期中再讲     上面是效果,下面来说使用步骤 jQuery.Valid ...

  8. 表单提交 fastadmin form

    1.引入form组件 require(['form'], function(Form){}); 2.生成form元素 3.绑定事件之验证(也可以绑定总表单事件Form.events.bindevent ...

  9. Angualr6表单提交验证并跳转

    在Angular6中,使用NG-ZRROR作为前端开发框架,在进行表单开发时遇到了一些问题,最后解决了,在此记录. 1.表单构造: 引入forms: import { FormGroup, FormB ...

随机推荐

  1. [AT2401] [arc072_e] Alice in linear land

    题目链接 AtCoder:https://arc072.contest.atcoder.jp/tasks/arc072_c 洛谷:https://www.luogu.org/problemnew/sh ...

  2. 【转】一口气读懂NB-IoT

    在过去的一年多,NB-IoT真的可以说是大红大紫.在通信圈里,除了说5G,就是说物联网.如果说物联网,八成就是在说NB-IoT. 在目前5G还没来的情况下,NB-IoT基本上是独领风骚.风光无限. 各 ...

  3. 【XSY1759】Alice and Bob

    Description XSY1759 Solution 肯定是离线对每个子树求答案. 考虑对每个子树建出所包含的值的Trie树,这点用启发式算法实现即可,即每个元素会被插入\(\mathcal O( ...

  4. 洛谷 P1436 棋盘分割 解题报告

    P1436 棋盘分割 题目描述 将一个8*8的棋盘进行如下分割:将原棋盘割下一块矩形棋盘并使剩下部分也是矩形,再将剩下的两部分中的任意一块继续如此分割,这样割了(n-1)次后,连同最后剩下的矩形棋盘共 ...

  5. 【bzoj4013】 HNOI2015—实验比较

    http://www.lydsy.com/JudgeOnline/problem.php?id=4013 (题目链接) 题意 给出$n$个数的$m$个大小关系,问它们之间可以形成的单调不降的序列有多少 ...

  6. fzyjojP2963 -- [校内训练20161227]疫情控制问题

    (题干中的废话已经划去) dp显而易见 收益为负数的可以直接扔掉不管.不要一定更优 子串问题,考虑SAM 建立广义SAM 尝试匹配,匹配到的位置的parent树祖先如果有完整的串,那么可以从这个串转移 ...

  7. HAOI2018游记

    前言 很懒. 太懒了. 不仅懒得写题..连游记都懒得写.. 花点时间填一下坑吧..不过话说我去年的NOI/APIO/CTSC游记也没写.. 省选前 板子好像一早就打完了,没什么可干的. 也不愿意开新题 ...

  8. SQL复杂语句查询练习

    --复杂查询练习 -- 1 .列出所有员工的年工资,按年薪从低到高排序. SELECT (SAL+NVL(COMM,0))*12 INCOME FROM EMP ORDER BY INCOME; -- ...

  9. linux命令总结之date命令

    命令简介: date 根据给定格式显示日期或设置系统日期时间.print or set the system date and time 指令所在路径:/bin/date 命令语法: date [OP ...

  10. python3.5中import sqlite3报错：ImportError: No module named _sqlite3

    原因:缺少相关库 解决方案: 1  安装相关库 yum install sqlite-devel 2  重新编译安装Python