美文网首页
Validform 异步提交

Validform 异步提交

作者: yzc123446 | 来源:发表于2017-06-06 09:31 被阅读70次

$(function(){
var showmsg=function(msg){//假定你的信息提示方法为showmsg, 在方法里可以接收参数msg,当然也可以接收到o及cssctl;
error(msg);
}

if($(".use_validform").length>0){

    $(".use_validform").Validform({
        tiptype:function(msg){
            showmsg(msg);
        },
        tipSweep:true,//为true时提示信息将只会在表单提交时触发显示,各表单元素blur时不会被触发显示;
        ajaxPost:false,
        datatype:{//传入自定义datatype类型【方式二】;
            "need2":function(gets,obj,curform,regxp){
                var need=1,
                    numselected=curform.find("input[name='"+obj.attr("name")+"']:checked").length;
                return  numselected >= need ? true : "请至少选择"+need+"项!";
            }
        },
        beforeSubmit:function(curform){
                var column_name=$("#doc-vld-name-2").val();
                var column_type=[];
                for (var i=0;i<$("input[name=docVlCb]").length;i++){
                    if($("input[name=docVlCb]").eq(i).is(':checked')){
                        column_type.push($("input[name=docVlCb]").eq(i).val())
                    }
                }

                console.log(column_name,column_type)
            return false;
        },
    });

};



//$("#add_column").submit(function(){
//    var column_name=$("#doc-vld-name-2").val();
//    var column_type=[];
//    for (var i=0;i<$("input[name=docVlCb]").length;i++){
//        if($("input[name=docVlCb]").eq(i).is(':checked')){
//            column_type.push($("input[name=docVlCb]").eq(i).val())
//        }
//    }
//
//    console.log(column_name,column_type)
//
//    return false;
//});

})

function error(err){

var err=err
layer.msg(err, {icon: 0});
//var err=err
$("body").append("<div class='modal-backdrop'></div>")
//$("body").append("<div class='error'><p>"+err+"</p></div>")
////$(document.body).css("overflow","hidden");
setTimeout(function(){
    $(".modal-backdrop").remove()
    //$(".error").remove()

},3000)
return;

}

相关文章

  • Validform 异步提交

    $(function(){var showmsg=function(msg){//假定你的信息提示方法为showm...

  • 动态Web编程

    一、AJAX异步提交 异步提交AJAX = Asynchronous JavaScript and XML(异步的...

  • validform

    表单验证有各种库。 这几机会我试了试 validform 试了以后果然简单。 代码量很少就能搞定这个验证。功能也很...

  • 前台数据传输

    数据提交 同步提交 方式一: 方式二: 方式三: 方式四: 异步提交 方式一: 方式二: 异步和&同步比较 for...

  • rocketmq消费实现

    消费者:异步拉取、异步消费并提交 ACK

  • gcd调用顺序

    1,异步提交+自定义并发队列 --- 1, 2顺序得不到保证异步提交+全局并发队列 --- 1,...

  • Validform小结

    Validform不错的表单验证插件,其核心思想就是把所有的验证条件及验证提示信息绑定到每个表单元素,让验证代码在...

  • laravel 重点笔记(一)

    csrf_token()用于异步提交,csrf_field()用于表单提交!

  • 上传文件 upload file

    使用jQuery.form插件,实现完美的表单异步提交 表单的异步提交,现在不需要 jQuery插件之ajaxFi...

  • 表单异步提交

    好久没有写过前端页面了,以前都是前后端分离写后台接口,现在写页面,记录单纯的使用jquery异步提交表单 立即提交...

网友评论

      本文标题:Validform 异步提交

      本文链接:https://www.haomeiwen.com/subject/rukgfxtx.html