1. 程式人生 > >BootstrapValidator 校驗動態插入的元素以及自定義函式校驗

BootstrapValidator 校驗動態插入的元素以及自定義函式校驗

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.csdn.net/u013938465/article/details/53507109