您的位置:首页 > Web前端 > BootStrap

requireJS加载和bootstrap第三方组件

2019-08-08 20:05 1191 查看

``requirejs 基本使用:
加载require:
配置文件 模块的文件位置

` require.config({
paths: {
"jquery": "./js/jquery-1.7.2",
}
});
require(['jquery'], function ($) {
alert($);
});`

require 实现了
模块下开发: 按照一个一个模块去写 ( 分工合作 );
按需加载: 采用异步方式去实现加载模块;
bootstrap: 能帮我们快速构建页面,拥有很多组件。
比如:登录页面已经完成,我们能干什么?
单击登录时需要验证:
对用用户填写的信息 进行规则验证
1 简单: 用户名不能为空
2 复杂: 验证用户名5-20字符
页面会有什么变化让用户明确知道信息不正确。
bootstrap validation 基于bootstarp的验证组件(第三方的)
1.//先用表单调用验证器bootstrapValidator

`$('#defaultForm').bootstrapValidator({
//live: 'disabled',
message: 'This value is not valid',  如果没有验证规则制定默认提示问题
feedbackIcons: {
valid: 'glyphicon glyphicon-ok',
invalid: 'glyphicon glyphicon-remove',
validating: 'glyphicon glyphicon-refresh'
},
//需要验证字段
fields: {
username: {  //验证用户名 和表单元素name属性关联
message: '用户名无效',  //提示问题
validators: {  //验证规则  默认验证规则10多个
// 一个表单元素可以用多个验证规则
notEmpty: { //验证不能为空
message: '用户名不能位空'   //提示文字
},
stringLength: {  //验证字符串长度
min: 6,   //最少
max: 30,  //最多
message: '用户名必须大于6,小于30个字'  //提示文字
},
regexp: {  //自定义正则验证
regexp: /^[a-zA-Z0-9_\.]+$/,   //正则表达式
message: '用户名只能由字母、数字、点和下划线组成'
},
different: {
field: 'password',  //password 也是表单元素的name属性
message: '用户名和密码不能相同'
}
}
},`

将用户填写完成的信息,发送给服务器。

内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: