[聚合文章] 浅谈bootstrapvalidator(基于Thymeleaf)

前端校验

1. 导入所需css和js

 <link href="static/assets/bootstrapvalidator/css/bootstrapValidator.css" rel="stylesheet" type="text/css"> <script src="static/assets/bootstrapvalidator/js/bootstrapValidator.js"></script>

所需资源可以去官方下载，嫌麻烦的话，可以直接从我提供的百度云盘进行下载：链接：https://pan.baidu.com/s/1mjhovjy 密码：atwy

2. 进行前端校验，实现代码如下，仅供参考。

 $("#loginForm").bootstrapValidator({                    submitHandler: function (valiadtor, loginForm, submitButton) {                        valiadtor.defaultSubmit();                    },                    fields:{                        username:{                            validators:{                                notEmpty: {                                    message: '用户名不能为空'                                },                                stringLength: {                                    /*长度提示*/                                    min: 4,                                    max: 30,                                    message: '用户名长度必须在4到30之间'                                }                            }                        },                        password:{                            validators:{                                notEmpty: {                                    message: '密码不能为空'                                },                                stringLength: {                                    /*长度提示*/                                    min: 4,                                    max: 30,                                    message: '密码长度必须在4到30之间'                                }
                
注：本文内容来自互联网，旨在为开发者提供分享、交流的平台。如有涉及文章版权等事宜，请你联系站长进行处理。