在formvalidation之前阻止Blockui [英] Blockui fire before formvalidation

问题描述

我使用http://formvalidation.io在asp.net中验证我的表单并且它运行正常，我正在尝试使用blockui http://malsup.com/jquery/block/来阻止长时间进程中的页面但是在表单验证之前按钮提交并且保持页面被阻止时它会激活。如何在保存时先验证表格然后阻止页面

iam useing http://formvalidation.io to validate my form in asp.net and it work fine, i am trying to use blockui http://malsup.com/jquery/block/ to block the page on long process but it fire up when button submit before form validate and keep page blocked. how to validate form first then block page while saving

<script>
    $(document).ready(function () {
        $('#form1').formValidation({
            framework: 'bootstrap',
            icon: {
                valid: 'fa fa-check',
                invalid: 'fa fa-times',
                validating: 'fa fa-refresh'
            },
            fields: {
               <%=txtName.UniqueID %>: {
                row: '.col-md-4',
                    validators: {
                        notEmpty: {
                            message: 'Name is required'
                        },
                    }
                },
             }
        });
    });   

$(function (e) {
        $('#<%= btnSave.ClientID %>').click(function () {

            if ($('#form1').validate()) {
                $('div.msbl').block({
                    message: '<h5><img src="img/loading.gif" />Loading </h5>',
                });
            }
        });
    });
</script>

我尝试过：



i使用jquery验证尝试了blockui并且工作正常，但我想将它与用于验证表单字段的最佳jQuery验证插件一起使用，支持Bootstrap，Foundation，Pure，SemanticUI，UIKit框架 - FormValidation [ ^ ]

推荐答案

（document）.ready（function（）{

(document).ready(function () {

（'＃form1'）。formValidation（{
framework：'bootstrap'，
icon：{
有效：'fa fa-check'，
无效：'fa fa-times'，
验证：'fa fa -refresh'
}，
字段：{
<％= txtName.UniqueID％>：{
row：'。col-md-4'，
验证人：{
notEmpty：{
留言：'姓名是'
}，
}
}，
}
}）;
}）;

('#form1').formValidation({ framework: 'bootstrap', icon: { valid: 'fa fa-check', invalid: 'fa fa-times', validating: 'fa fa-refresh' }, fields: { <%=txtName.UniqueID %>: { row: '.col-md-4', validators: { notEmpty: { message: 'Name is required' }, } }, } }); });

（function（e）{

(function (e) {

这篇关于在formvalidation之前阻止Blockui的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！