1 bootstrapValidator使用

1 如何使用

  引入

<link href="bootstrapValidator.min.css" rel="stylesheet"> css文件

<script src="bootstrapValidator.min.js"></script> js文件

2 在文档加载完成初始化

<script type="text/javascript">

$(document).ready(function () {

　　

 $("#divDataArea").bootstrapValidator({
                    message: 'This value is not valid',
                    live: 'enabled',
                    excluded: ':disabled',
                    feedbackIcons: {
                        valid: 'glyphicon glyphicon-ok',
                        invalid: 'glyphicon glyphicon-remove',
                        validating: 'glyphicon glyphicon-refresh'
                    },
                    fields: {
                        // WarrantIssued
                        TotalAssetsBid: {
                            message: 'TotalAssetsBid should be number',
                            validators: {
                                stringLength: {
                                    min: 2,
                                    max: 10,
                                    message: 'lenght should be between 2 and 10.'
                                }
                            }
                        },
                        WarrantIssued: {
                            message: 'WarrantIssued should be number',
                            trigger:'change',
                            validators: {
                                stringLength: {
                                    min: 2,
                                    max: 10,
                                    message: 'lenght should be between 2 and 10.'
                                }
                            }
                        }
                    }
                });

 

</script>

3 如果使用的动态添加元素

可使用

$("#divDataArea").bootstrapValidator('addField',"WarrantIssued")方法添加验证字段，第二个参数为验证的字段的name属性值

4 点击自定义按钮开始验证的方式：

 var bootstrapValidator = $("#divDataArea").data("bootstrapValidator");
            bootstrapValidator.validate();
            var valid = bootstrapValidator.isValid();
            if (valid == false) {
                return;
            }