使用validationform.io提交单击按钮时调用Ajax

时间:2016-05-25 08:35:51

标签: jquery twitter-bootstrap bootstrapvalidator

我在网站http://formvalidation.io/中使用插件Jquery:“ValidationForm”。当我点击提交按钮时,我将Ajax称为服务器。在这里插件ValidationForm不验证字段,而是调用Ajax。我的代码:

HTML:

<button type="submit" class"btn btn-success" id="#button"></button>

ValidationForm代码:

$('#form').bootstrapValidator({
            message: 'Not Valid',
            feedbackIcons: {
                valid: 'glyphicon glyphicon-ok',
                invalid: 'glyphicon glyphicon-remove',
                validating: 'glyphicon glyphicon-refresh'
            },
            fields: {
                PhoneNumber: {
                    message: 'Not Null',
                    validators: {
                        notEmpty: {
                            message: 'Not Null'
                        },
                        stringLength: {
                            min: 2,
                            max: 100,
                            message: '2->100 characters'
                        },
                    }
                }
            }
        })

        ;

jQuery:事件点击按钮提交

$('#button').click(function(e){
       e.preventDefault();
       $.ajax({
        //....
       })
});

我想在使用Ajax提交表单之前检查验证表单。

0 个答案:

没有答案