博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
表单验证(bootstrapValidator)
阅读量:7110 次
发布时间:2019-06-28

本文共 639 字,大约阅读时间需要 2 分钟。

hot3.png

  1. 引入CSS文件

    <link href="<%=basePath %>css/bootstrapValidator.css"/>

  2. 引入JS文件

    <script type="text/javascript" src="bootstrapValidator.min.js"></script>

  3. JS验证代码,需要配合JQuery

    <script type="text/javascript">

           $(document).ready(function() {

                    $("#_form1").bootstrapValidator({    --  _form1 : form标签ID

                                      message: 'This value is not valid',

                                      feedbackIcons: {

                                               valid: 'glyphicon glyphicon-ok',

                                               invalid: 'glyphicon glyphicon-remove',

                                               validating: 'glyphicon glyphicon-refresh'

                                      },

                                     fields: {

                                               meet_id: {     -- meet_id : 表单 name属性

                                                        validators: {

                                                                          notEmpty: {    -- 不能为空

                                                                                    message: '会议是必需项,不能为空!'   -- 不满足条件提示信息

                                                                          }

                                                         }

                                              }

                                     }

                         });

              });

    </script>

  4.  

转载于:https://my.oschina.net/u/1179666/blog/545916

你可能感兴趣的文章
配置linux批量修改密码,含自动方式
查看>>
SQL Server会写入哪些注册表?
查看>>
ORACLE 归档模式
查看>>
OFFICE 2007 SP3后续补丁微软官方下载地址
查看>>
Windows Phone 联系人管理
查看>>
zabbix监控redis多实例
查看>>
启动流程
查看>>
"Volume Shadow Copy Service" error
查看>>
JDBC连接Oracle数据库时出现的ORA-12505错误及解决办法
查看>>
crontab 计划任务 linux计划任务基本
查看>>
18.存储过程--SQL
查看>>
我的友情链接
查看>>
4、xen虚拟机扩展磁盘空间一法
查看>>
Android中view和surfaceview的区别
查看>>
ISA Server签名
查看>>
金蝶结账不成功之原因分析
查看>>
2015年10月15日作业
查看>>
华为交换机查看MAC地址
查看>>
C# C/S 图片验证码功能源码
查看>>
SCVMM 2012 SP1 安装与配置指南(一)概述
查看>>