BootstrapValidator 校验动态插入的元素以及自定义函数校验

最新推荐文章于 2022-07-26 11:10:49 发布

ZQ_1204

最新推荐文章于 2022-07-26 11:10:49 发布

阅读量3.4k

点赞数

分类专栏： js 文章标签： bootstrap BootstrapValidator

本文链接：https://blog.youkuaiyun.com/liyanheng123/article/details/79096215

版权

js 专栏收录该内容

5 篇文章

订阅专栏

Example：

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

<form id="FormID">

       <input type="text" name="InputName" />

<form/>

$("#FormID").data('bootstrapValidator').addField('InputName', {

				validators: {
					notEmpty: {
						message: 'IP不能为空'
					},
					callback: { /*自定义，可以在这里与其他输入项联动校验*/
						message: 'IP格式错误',
						callback: function(value, validator, $field) {
							return isValidIP(value);
						}
					}
				}
			});



//校验IP地址格式

function isValidIP(ip) {
	var ip = $("input[name ='inputName']").val();
	var reg = /^(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])\.(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])\.(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])\.(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])$/
	return  reg.test(ip);
}

BootstrapValidator 暂未详细深究，后续补充，可参考：http://blog.youkuaiyun.com/u013938465/article/details/53507109