bootstrapValidator表单验证的使用,登陆Demo

需要引入内容有:jQuery的js文件,bootstrapValidator.js ,bootstrapValidator.css文件。

formValidatorTest.html





bootstrapValidator登陆验证的demo



页面效果:

bootstrapValidator表单验证的使用,登陆Demo_第1张图片

点击提交后的效果:

bootstrapValidator表单验证的使用,登陆Demo_第2张图片

用户名不符合正则表达式的效果:

bootstrapValidator表单验证的使用,登陆Demo_第3张图片

非button的提交效果:

bootstrapValidator表单验证的使用,登陆Demo_第4张图片

url的后端校验(remote):

bootstrapValidator表单验证的使用,登陆Demo_第5张图片

可以看到,这个校验是将文本内容以参数的形式传递给后端来做的唯一性等等的验证。由于我这里没有xxx.action的服务所以出错了。这不影响。

 

本文源码及相关的依赖资源:

https://download.csdn.net/download/bof_jangle/10577800

 

callback 一般可用于select来判断是否选择了选项。

				fieldName : {
					
					validators : {
						callback : {
							message : '请选择类型',
							callback: function(value,validator){
								return  $("选择器").val() != 0;
							}
						}
					}
				}

 

你可能感兴趣的:(笔记,前端,bootstrap)