bootstrapValidator使用记录

分手后的思念是犯贱 2022-04-13 11:19 169阅读 0赞

bootstrapvalidator是一款前端表单验证插件，基于bootstrap，所以要配合使用，此记录使用的版本是bootstrapvalidator v0.5.3

1，文件引入：

2，进入页面后就要加载验证方法的绑定。

$(function () {
                //使用bootstrap validator插件进行客户端数据校验
                $('#frmAddSysuser').bootstrapValidator({
                    feedbackIcons: {
                        valid: 'glyphicon glyphicon-ok',
                        invalid: 'glyphicon glyphicon-remove',
                        validating: 'glyphicon glyphicon-refresh'
                    },
                    fields: {
                        name: {
                            validators: {
                                notEmpty: {
                                    message: '用户姓名不能为空'
                                }
                            }
                        },
                        loginName: {
                            validators: {
                                notEmpty: {
                                    message: '登录账号不能为空'
                                }
                            }
                        }
                    }
                });
            });

3，将插件与表单进行绑定，按钮的type必须是submit，设置为button无法使用验证插件。

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3Njb3JwaW9fbWVuZw_size_16_color_FFFFFF_t_70][]

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3Njb3JwaW9fbWVuZw_size_16_color_FFFFFF_t_70]: /images/20220413/32439324d46e47668f218abef24fecdd.png