bootstrapValidator的使用

<link rel="stylesheet" href="plug-in/survey/css/bootstrap/bootstrap-3.3.7.css" />

<!--
bootstrapValidator是一个基于bootstrap的表单验证组件  
-->
<link rel="stylesheet" href="plug-in/survey/dist/css/bootstrapValidator.css"/>

 <script type="text/javascript" src="plug-in/survey/js/jquery/jquery-1.12.4.min.js"></script>

<script type="text/javascript" src="plug-in/survey/js/bootstrap/bootstrap-3.3.7.js"></script> 

<script src="plug-in/ace/datatables/dataTables.bootstrap.min.js"></script>

<!-- 表单验证组件 -->
<script type="text/javascript" src="plug-in/survey/dist/js/bootstrapValidator.js"></script>

<--这种弄写法是不适用summit按钮提交数据，默认的form表单是使用input类型为sumbit的按钮提交的。因为需要ajax请求，所以禁止使用submit方式提交。然后手动触发验证，在提交   -->
<form id="zhform" onsubmit="return false" action="##" class="form-horizontal" >
    <--都要被 <div class="form-group" > </div> 包裹起来 不然是没有提示图标的效果 -->
    <div class="form-group" > 
        <--必须有name值，因为它是通过name值来验证的。-->
        <input type="text" class="number"  id="username" name="username"  />
    </div>
</form>

/* 表单验证 */
function formValidator() {
    //#zhform  是一个from表单的id值
	$('#zhform').bootstrapValidator({
        //live: 'disabled', //验证方式，注释掉后三种都会生效
        container: '#messages', //在哪个地方显示提示语
        message: '验证未通过', //通用提示语
        feedbackIcons: {  //提示图标
            valid: 'glyphicon glyphicon-ok',
            invalid: 'glyphicon glyphicon-remove',
            validating: 'glyphicon glyphicon-refresh'
        }, 
        fields: {
        	要验证的名字(必须为input的name值): {
        		validators: {
        			notEmpty: { //不能为空
        				message: "经纬度不能为空！" //提示消息
        			},
        			digits: { //只能是数字
        				message: "经纬度只能为数字！"
        			},
        			between: { //控制在多少多少之间
                        min: -90,
                        max: 90,
                        message: '经度范围必须在： -90.0 和 90.0之间'
                    }
        		}
        	}
            ....
            	...	
            		...
            //更多规则请百度
            
        }
    })
	
	
	
}

$(function() {
    ...

    //初始化表单验证规则
    formValidator();

    ...
});

regexp: { //使用正则
    regexp: /^[+-]?([0-9]*\.?[0-9]+|[0-9]+\.?[0-9]*)([eE][+-]?[0-9]+)?$/, //验证是不是数字
    message: '请输入整数或者小数'
}

regexp: { //使用正则
    regexp: /^[1-9]\d*$/, //验证是不是正整数
    message: '输入整数'
}

 regexp: { //使用正则
     regexp: /^[+-]?([0-9]*\.?[0-9]+|[0-9]+\.?[0-9]*)([eE][+-]?[0-9]+)?$/, //验证是不是数字
     message: '输入整数或者小数'
 }

 regexp: { //使用正则
     regexp: /^\d+$/, //验证是不是正整数
     message: '输入正整数'
 }