博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
bootstrapValidator 插件
阅读量:4456 次
发布时间:2019-06-08

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

1 有关内容:

      

 

2 具体使用情况:

html:

......
.......  js:事件
var person_arr = []; var submiting = false; function submit_action(){
if(submiting) return; submiting = true; $("#dataForm").bootstrapValidator('validate'); if (!$("#dataForm").data('bootstrapValidator').isValid()) {
submiting = false; return; } var name = $("#polling-name").val(); if(name==''){
layer.alert('巡检名称不能为空',{icon: 2});submiting = false;return; } var person_id = $("#person-select select").val(); if(person_id=='' || person_id == null){
layer.alert('请选择巡检人员',{icon: 2});submiting = false;return; } var device_id = $("#device-select select").val(); if(!device_id){
layer.alert('请选择巡检签到设备',{icon: 2});submiting = false;return; } $("#dataForm").data('bootstrapValidator').defaultSubmit(); } js:定义
$(function () {
$("#dataForm").bootstrapValidator({
message: 'This value is not valid', feedbackIcons: {
valid: 'glyphicon glyphicon-ok', invalid: 'glyphicon glyphicon-remove', validating: 'glyphicon glyphicon-refresh' }, fields: {
name: {
message: '巡检任务名称验证失败!', validators: {
notEmpty: {
message: '巡检任务名称不能为空!' }, stringLength: {
min: 1, max: 25, message: '巡检任务名称长度不能超过25!' }, regexp: {
regexp: /^[\u4e00-\u9fa5_a-zA-Z0-9]+$/, message: '巡检任务名称只能输入中文,英文字母和数字及_' } } } } }); }); 引入:
{
{ javascript_include('js/bootstrapValidator.min.js')}} 拓展:
js下运用:
var person_id = $("#person-select select").val();
 
 

转载于:https://www.cnblogs.com/yang1com/p/10714895.html

你可能感兴趣的文章
HDU 吉哥系列故事——完美队形II 騰訊馬拉松初賽第二輪D題
查看>>
c++学习-继承
查看>>
[转]SQL Server 性能调优(io)
查看>>
设计模式学习-每日一记(6.原型模式)
查看>>
不已0开头的数字正则
查看>>
HTML撑起浮动子元素得父元素高度
查看>>
LeetCode--018--四数之和(java)
查看>>
Redis消息队列
查看>>
电商网站架构设计
查看>>
http://jingyan.baidu.com/article/4dc40848e7b69bc8d946f127.html
查看>>
WCF netTcp配置
查看>>
数据类型转换
查看>>
Nodejs学习笔记(2) 阻塞/非阻塞实例 与 Nodejs事件
查看>>
什么是FreeMaker
查看>>
设计模式学习笔记(总结篇:模式分类)
查看>>
TCP的三次握手/建立连接
查看>>
Python 教程阅读笔记(一):使用解释器
查看>>
运算符重载
查看>>
SDWebImage 新版接口使用方法
查看>>
DataTable导出为word,excel,html,csv,pdf,.txt
查看>>