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: '用户名和密码不能相同' } } },`
将用户填写完成的信息,发送给服务器。
相关文章推荐
- React第三方组件1(路由管理之Router的使用④按需加载-上)
- Yii中单独为module加载Bootstrap或其他组件的4种方法
- android universal image loader 开源的第三方 图片资源加载组件
- React第三方组件1(路由管理之Router的使用⑤按需加载-下)
- 利用代理模式隔离Android第三方组件(图片加载库,网络库)
- Android 第三方组件Volley加载网络
- Yii中单独为module加载Bootstrap或其他组件的4种方法
- Android引用百度定位API第三方组件后导致其它.so文件无法正常加载的问题
- 一种比seajs、requirejs简洁n倍的模块加载和管理组件:modulejs
- [置顶] 异步加载统计图组件(jquery+css+div)
- .net C#连接Oracle数据库:尝试加载Oracle客户端库时引发BadImageFormatException。如果在安装32位Oracle客户端组件的情况下以64位模式运行将出此问题
- 安装bellagio组件时,提示libomxil-bellagio.so.0无法加载
- jqWEUI的select组件加载后端数据为items
- js组件之----图片预加载
- JS组件系列——Bootstrap组件福利篇:几款好用的组件推荐(二)
- Bootstrap复习四——CSS组件2
- Flex LineChart曲线——动态加载组件
- React第三方组件1(路由管理之Router的使用③传参)
- angular ui-bootstrap的Datepicker Popup组件问题总结
- vue项目优化之按需加载组件-使用webpack require.ensure