欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

bootstrapValidator不起作用

程序员文章站 2022-03-07 22:43:19
...

在bootstrapValidator针对nameField输入字段,增加了校验,但是运行时页面始终无反应。

 $('#myInfoForm').bootstrapValidator({
			message : 'This value is not valid',
			//excluded : [':disabled'],
			feedbackIcons : {
				valid : 'glyphicon glyphicon-ok',
				invalid : 'glyphicon glyphicon-remove',
				validating : 'glyphicon glyphicon-refresh'
			},
			fields : {
			nameField : {
				validators : {
					stringLength: {
					    min: 0,
					    max: 500,
					    message: '长度必须小于 500个字符'
					}
				}
			}
		}).on('success.form.bv', function(e) {
	       e.preventDefault();
	   });

后经排查,发现在前台页面的textarea控件中只有id属性,未加name属性。指定name属性后问题解决。

<div class="form-group">
	<label for="nameField " class="col-sm-2 control-label">姓名字段</label>
			<div class="col-sm-10">
						<textarea class="form-control" rows="3" id="nameField " name="nameField "  placeholder="请输入姓名"></textarea>
				</div>
	</div>