表单验证之validform.js使用方法-javascript-学习-掌邦科技

表单验证之validform.js使用方法

2018-01-19 2 1676

```
$(".demoform").Validform({
    btnSubmit: "#btn_sub", //提交按钮
    btnReset: ".btn_reset",
    tiptype: 1, //
    ignoreHidden: false,
    dragonfly: false,
    tipSweep: true,
    label: ".label",
    showAllError: false,
    postonce: true,
    ajaxPost: true,
    datatype: {
        "*6-20": /^[^\s]{6,20}$/,
        "z2-4": /^[\u4E00-\u9FA5\uf900-\ufa2d]{2,4}$/,
        "username": function(gets, obj, curform, regxp) {
            //参数gets是获取到的表单元素值，obj为当前表单元素，curform为当前验证的表单，regxp为内置的一些正则表达式的引用;
            var reg1 = /^[\w\.]{4,16}$/,
                reg2 = /^[\u4E00-\u9FA5\uf900-\ufa2d]{2,8}$/;
            if (reg1.test(gets)) {
                return true;
            }
            if (reg2.test(gets)) {
                return true;
            }
            return false;
            //注意return可以返回true 或 false 或 字符串文字，true表示验证通过，返回字符串表示验证失败，字符串作为错误提示显示，返回false则用errmsg或默认的错误提示;
        },
        "phone": function() {
            // 5.0 版本之后，要实现二选一的验证效果，datatype 的名称 不 需要以 "option_" 开头;
        }
    },
    usePlugin: {
        swfupload: {},
        datepicker: {},
        passwordstrength: {},
        jqtransform: {
            selector: "select,input"
        }
    },
    beforeCheck: function(curform) {
        //在表单提交执行验证之前执行的函数，curform参数是当前表单对象。
        //这里明确return false的话将不会继续执行验证操作;
    },
    beforeSubmit: function(curform) {
        //在验证成功后，表单提交前执行的函数，curform参数是当前表单对象。
        //这里明确return false的话表单将不会提交;
    },
    callback: function(data) {
        //返回数据data是json对象，{"info":"demo info","status":"y"}
        //info: 输出提示信息;
        //status: 返回提交数据的状态,是否提交成功。如可以用"y"表示提交成功，"n"表示提交失败，在ajax_post.php文件返回数据里自定字符，主要用在callback函数里根据该值执行相应的回调操作;
        //你也可以在ajax_post.php文件返回更多信息在这里获取，进行相应操作；
        //ajax遇到服务端错误时也会执行回调，这时的data是{ status:**, statusText:**, readyState:**, responseText:** }；

//这里执行回调操作;
        //注意：如果不是ajax方式提交表单，传入callback，这时data参数是当前表单对象，回调函数会在表单验证全部通过后执行，然后判断是否提交表单，如果callback里明确return false，则表单不会提交，如果return true或没有return，则会提交表单。
    }
});
```

学习园地 /

2个人点赞

全部 (21)
php (11)
mysql (4)
java (1)
linux (3)
业务逻辑 (1)
javascript (1)

热门资讯

大数据解读广州：老三广州，除了GDP还有…

基本文件流程错误 SQL 调试

[8] Undefined variable: prefix /www/wwwroot/www.zanboon.com/Application/Runtime/common~runtime.php 第 1 行.
[8] Undefined variable: tmplContent /www/wwwroot/www.zanboon.com/Application/Runtime/common~runtime.php 第 1 行.
[2] Illegal string offset 'Learn' /www/wwwroot/www.zanboon.com/Application/Home/Controller/BaseController.class.php 第 108 行.
[8192] mysql_escape_string(): This function is deprecated; use mysql_real_escape_string() instead. /www/wwwroot/www.zanboon.com/include/Library/Think/Db/Driver/Mysql.class.php 第 331 行.
[8192] mysql_escape_string(): This function is deprecated; use mysql_real_escape_string() instead. /www/wwwroot/www.zanboon.com/include/Library/Think/Db/Driver/Mysql.class.php 第 331 行.
[8192] mysql_connect(): The mysql extension is deprecated and will be removed in the future: use mysqli or PDO instead /www/wwwroot/www.zanboon.com/include/Library/Think/Db/Driver/Mysql.class.php 第 52 行.
[8] Undefined variable: Think /www/wwwroot/www.zanboon.com/Application/Runtime/Cache/Home/default25a5e1d21ab433949e2bb4097563d2e3.php 第 55 行.
[8] Undefined variable: Think /www/wwwroot/www.zanboon.com/Application/Runtime/Cache/Home/default25a5e1d21ab433949e2bb4097563d2e3.php 第 55 行.
[8] Undefined variable: Think /www/wwwroot/www.zanboon.com/Application/Runtime/Cache/Home/default25a5e1d21ab433949e2bb4097563d2e3.php 第 55 行.
[8] Undefined variable: Think /www/wwwroot/www.zanboon.com/Application/Runtime/Cache/Home/default25a5e1d21ab433949e2bb4097563d2e3.php 第 55 行.
[8] Undefined variable: Think /www/wwwroot/www.zanboon.com/Application/Runtime/Cache/Home/default25a5e1d21ab433949e2bb4097563d2e3.php 第 55 行.
[8] Undefined variable: Think /www/wwwroot/www.zanboon.com/Application/Runtime/Cache/Home/default25a5e1d21ab433949e2bb4097563d2e3.php 第 55 行.
[8] Undefined variable: Think /www/wwwroot/www.zanboon.com/Application/Runtime/Cache/Home/default25a5e1d21ab433949e2bb4097563d2e3.php 第 55 行.
[8] Undefined variable: Think /www/wwwroot/www.zanboon.com/Application/Runtime/Cache/Home/default25a5e1d21ab433949e2bb4097563d2e3.php 第 55 行.
[8] Undefined variable: Think /www/wwwroot/www.zanboon.com/Application/Runtime/Cache/Home/default25a5e1d21ab433949e2bb4097563d2e3.php 第 55 行.
[8] Undefined variable: Think /www/wwwroot/www.zanboon.com/Application/Runtime/Cache/Home/default25a5e1d21ab433949e2bb4097563d2e3.php 第 55 行.
[8] Undefined variable: Think /www/wwwroot/www.zanboon.com/Application/Runtime/Cache/Home/default25a5e1d21ab433949e2bb4097563d2e3.php 第 55 行.
[8] Undefined variable: Think /www/wwwroot/www.zanboon.com/Application/Runtime/Cache/Home/default25a5e1d21ab433949e2bb4097563d2e3.php 第 55 行.
[8] Undefined variable: Think /www/wwwroot/www.zanboon.com/Application/Runtime/Cache/Home/default25a5e1d21ab433949e2bb4097563d2e3.php 第 55 行.
[8] Undefined variable: Think /www/wwwroot/www.zanboon.com/Application/Runtime/Cache/Home/default25a5e1d21ab433949e2bb4097563d2e3.php 第 55 行.
[8] Undefined variable: Think /www/wwwroot/www.zanboon.com/Application/Runtime/Cache/Home/default25a5e1d21ab433949e2bb4097563d2e3.php 第 55 行.
[8] Undefined variable: Think /www/wwwroot/www.zanboon.com/Application/Runtime/Cache/Home/default25a5e1d21ab433949e2bb4097563d2e3.php 第 55 行.
[8] Undefined index: m /www/wwwroot/www.zanboon.com/Application/Runtime/common~runtime.php 第 1 行.
[8] Undefined index: cname /www/wwwroot/www.zanboon.com/Application/Runtime/Cache/Home/default25a5e1d21ab433949e2bb4097563d2e3.php 第 125 行.
[8] Undefined variable: Think /www/wwwroot/www.zanboon.com/Application/Runtime/Cache/Home/default25a5e1d21ab433949e2bb4097563d2e3.php 第 139 行.
[8] Undefined index: m /www/wwwroot/www.zanboon.com/Application/Runtime/common~runtime.php 第 1 行.
[2] Missing argument 1 for Think\Model::limit(), called in /www/wwwroot/www.zanboon.com/Application/Runtime/Cache/Home/default25a5e1d21ab433949e2bb4097563d2e3.php on line 152 and defined /www/wwwroot/www.zanboon.com/include/Library/Think/Model.class.php 第 1630 行.
[8] Undefined variable: offset /www/wwwroot/www.zanboon.com/include/Library/Think/Model.class.php 第 1631 行.
[8] Undefined index: m /www/wwwroot/www.zanboon.com/Application/Runtime/common~runtime.php 第 1 行.
[8] Undefined index: m /www/wwwroot/www.zanboon.com/Application/Runtime/common~runtime.php 第 1 行.
[8] Undefined index: m /www/wwwroot/www.zanboon.com/Application/Runtime/common~runtime.php 第 1 行.
[8] Undefined index: m /www/wwwroot/www.zanboon.com/Application/Runtime/common~runtime.php 第 1 行.
[8] Undefined index: m /www/wwwroot/www.zanboon.com/Application/Runtime/common~runtime.php 第 1 行.
[8] Undefined index: m /www/wwwroot/www.zanboon.com/Application/Runtime/common~runtime.php 第 1 行.
[8] Undefined index: m /www/wwwroot/www.zanboon.com/Application/Runtime/common~runtime.php 第 1 行.
[8] Undefined index: scheme /www/wwwroot/www.zanboon.com/Application/Runtime/common~runtime.php 第 10 行.
[8] Undefined index: host /www/wwwroot/www.zanboon.com/Application/Runtime/common~runtime.php 第 10 行.
[8] Undefined index: scheme /www/wwwroot/www.zanboon.com/Application/Runtime/common~runtime.php 第 10 行.
[8] Undefined index: host /www/wwwroot/www.zanboon.com/Application/Runtime/common~runtime.php 第 10 行.
[8] Undefined index: m /www/wwwroot/www.zanboon.com/Application/Runtime/common~runtime.php 第 1 行.
[8] Undefined index: m /www/wwwroot/www.zanboon.com/Application/Runtime/common~runtime.php 第 1 行.