validate&bootsrap回顾

冷不防 2022-03-12 06:28 122阅读 0赞

bootstrap:
css框架,html/css/js集于一身.ie 6/7/8兼容性有问题
开发响应式页面,使用于不同的上网设备
使用步骤:
1.导入bootstrap.css
2.导入jquery.js
3.导入bootstrap.js
4.必须设置一个meta标签
5.必须将内容放入一个布局容器
.container或者.container-fluid
前提:
一行分成12份.

栅格系统:
分辨率>1200px 使用col-lg-n 样式
1200px>分辨率>992px 使用col-md-n 样式
992px>分辨率>768px 使用col-sm-n 样式
768px>分辨率 使用col-xs-n 样式

隐藏:
hidden-xs|sm|md|lg 在什么屏幕下隐藏

组成
css样式
组件 导航条 下拉菜单
js插件 轮播图 选项卡

validate插件:校验表单
jquery的插件.
使用步骤:
1.导入jquery.js
2.导入validate.js
3.在页面加载成功之后 对表单进行校验
$(function(){
$(“选择器”).validate();
})
4.在validate方法中编写校验规则即可
$(function(){
$(“选择器”).validate({
rules:{
//格式1: name值:”校验器”
//格式2: name值:{校验器:值,校验器:值}
},
messages:{
//格式1: name值:”提示信息”
//格式2: name值:{校验器:”提示信息”,校验器:”提示信息”}
}
});
});

常用的校验器:
required:必须的
min:最小值
minlength:最小的长度

range:取值区间
rangelength:长度区间

equalTo:jquery表达式 判断是否相等

发表评论

表情：
评论列表 （有 0 条评论，122人围观）

还没有评论，来说两句吧...

相关阅读