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">