Jquery easyui validatebox

最新推荐文章于 2019-06-14 17:03:16 发布

我是全栈架构师

最新推荐文章于 2019-06-14 17:03:16 发布

阅读量253

点赞数

分类专栏： JQuery 文章标签： easyui

本文链接：https://blog.csdn.net/mxj588love/article/details/80252950

版权

JQuery 专栏收录该内容

2 篇文章 0 订阅

订阅专栏

Jquery easyui1.2.3
这个版本太旧了, 没办法公司用这个;

<!DOCTYPE html>
<html lang="en">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <title>form+validate</title>

    <link rel="stylesheet" type="text/css" href="easyui/themes/gray/easyui.css"></link>
    <link rel="stylesheet" type="text/css" href="easyui/themes/icon.css"></link>
    <script type="text/javascript" src="easyui/jquery-1.4.4.min.js"></script>
    <script type="text/javascript" src="easyui/jquery.easyui.min.js"></script>
    <script type="text/javascript" src="easyui/locale/easyui-lang-zh_CN.js"></script>
    <script type="text/javascript">

        $.extend($.fn.validatebox.defaults.rules, {
            length :{
                validator : function (value, param) {
                    return value.length == param[0];
                },
                message: '长度必须为{0}'
            },
            maxlength:{
                validator: function (value, param) {
                    return value.length <= param[0];
                },
                message :'最大长度是 {0}'
            },
            minlength:{
                validator: function (value, param) {
                    return value.length >= param[0];
                },
                message :'最小长度是 {0}'
            }
        });

        $().ready(function() {
            //$("#userForm").form('validate');  //开启默认验证
        });

        function formsubmit(){

            $('#userForm').form({

                onSubmit: function () {
                    //如果表单验证失败, 会返回false
                    return $(this).form('validate');
                },
                success:function (data) {
                    alert('success')
                },
                error : function (data) {
                    alert("error");
                }
            });

        }
    </script>
</head>
<body>
    <!--form最好加上novalidate属性, 因为有些验证属性是html内置的-->
    <form name="userForm" id="userForm"  onsubmit="return false" method="post" novalidate>
        <input id="aa" type="text" class="easyui-validatebox" required="true" validType="length[10]" /> <br/>
        <input id="bb" type="text" class="easyui-validatebox" required="true" validType="email" />

        <br/>
        <button onclick="formsubmit()">submit</button>
    </form>
</body>
</html>