Javaweb学习记录05

validate&bootstrap

1、通过validate插件来校验表单

validate插件的下载

http://jqueryvalidation.org/
下载完后，导入编写的软件：

	<!--按一下方式调用（这里的src要自己改）-->
	<script type="text/javascript" src="../js/jquery-1.11.0.js" ></script>
	<!--validate校验库-->
	<script type="text/javascript" src="../js/jquery.validate.js" ></script>
	<!--国际化库，中文提示-->
	<script type="text/javascript" src="../js/messages_zh.js" ></script>

validate的使用说明

这个网上搜都有

validate使用步骤:

validate是别人封装好的第三方工具
1.导入jquery.js
2.导入validate.js
3.在页面加载成功之后 对表单进行校验  $("选择器").validate()
4.在validate中编写校验规则
	$("选择器").validate({
		rules:{},
		messages:{}
	});

rules格式:
	格式1:
		字段的name属性:"校验器"
	格式2:				
		字段的name属性:{校验器:值,校验器:值}
例如:
	username:"required",
	password:{
		required:true,
		digits:true
	},
	repassword:{
		equalTo:"[name='password']"
	},
	zuixiaozhi:{
		min:5
	},
	shuzhiqujian:{
		range:[5,10]
	}

messages的格式:
	格式1:
		字段的name属性:"提示信息"
	格式2:
		字段的name属性:{校验器:"提示信息",校验器:提示信息"}
例如:
	username:"用户名不能为空",
	password:{
		required:"密码不能为空",
		digits:"密码只能是数字"
	},
	repassword:{
		equalTo:"两次输入的内容不一致"
	},
	zuixiaozhi:{
		min:"最小值应该大于{0}"
	},
	shuzhiqujian:{
		range:"输入的范围在{0}~{1}之间"
	}

2、bootstrap

https://v3.bootcss.com/
原网站已经很全面的介绍了bootstrap里面封装的各式各样的类
不想要下载的自取：
链接：https://pan.baidu.com/s/1HRkdCCMn1IEbsOjZsfvlBQ 提取码:uq0a

bootstrap:

webcss框架,
集合了html/css/jquery为一家
创建响应式的页面
响应式:适配不同的上网设备

bootstarp的入门：

1.下载bootstarp
	网站:http://www.bootcss.com/
	下载:用于生产环境的 Bootstrap
2.导入bootstarp.css
3.导入jquery.js
4.导入bootstrap.js
5.添加一个meta标签 支持移动设备
	<meta name="viewport" content="width=device-width, initial-scale=1">