JS正则的补充,与其他前端组件的使用(easUi、jqueryUi、bootstrap、)
2024-09-05 21:21:07
1、JS 正则 test - 判断字符串是否符合规定的正则
rep = /\d+/;
rep.test("asdfoiklfasdf89asdfasdf")
# true rep = /^\d+$/;
rep.test("asdfoiklfasdf89asdfasdf")
# false exec - 获取匹配的数据
rep = /\d+/;
str = "zhouqiang_67_huahua_20"
rep.exec(str)
# ["67"] 匹配之后返回一个数组 text="JavaScript is more fun than Java or JavaBeans!"
var pattern = /\bJava(\w*)\b/; #这样会匹配到了两个匹配项
pattern.exec(text)
# ["JavaScript", "Script"] text="JavaScript is more fun than Java or JavaBeans!"
var pattern = /\bJava\w*\b/g; 全局匹配
pattern.exec(text)
# ["JavaScript"] 第一次执行
# ["Java"] 第二次执行
# ["JavaBeans"] 第三次执行
# null 第四次执行 JavaScript is more fun than Java or JavaBeans!
var pattern = /\bJava(\w*)\b/g; #加分组之后(加括号)会在第一次匹配的基础上再进行匹配
# ["JavaScript",'Script']
# ["Java", ""]
# ["JavaBeans", "Beans"]
# null 多行匹配:
默认就是多行匹配
^$ (开始结束)
加M的意思是多行匹配,就是每个起始行都会匹配,不加M也会默认多行,
区别是前者把多行当成一个字符串,后者是每行当成一个字符串,匹配模板里面有开始结束符的时候会有效果
var pattern = /\bJava(\w*)\b/g; - 登录注册验证
默认事件先执行:
checkbox
自定义先执行(自定义的函数在提交函数之前执行)
a
submit
...
<form> <input type='type' />
<input type='password' />
<input type='submit' /> </form> $(':submit').click(function(){ $(':text,:password').each(function(){
...
return false;
})
return false;
}) input,checbox ================================== 验证 ================================
JS: 验证
由于网页的JS可以被禁止,所以一般网站在前台和后台都会加验证
各种验证 $(':submit').click(function(){ $(':text,:password').each(function(){
...
return false;
})
return false;
})
通过在标签里面自定义属性,然后在js里面判断标签是否有该属性,有的话就进行判断,比如纯数字,长度。等等 后端:python实现 业务处理
.... 2、组件 BootStrap
- css
- js
学习 BootStrap 规则 一、响应式
@media
根据页面大小,CSS做出不同的反应
二、图标、字体
@font-face
用来指定图标
三、基本使用
.c1{
color:red !important #无论放在什么位置优先级最高。
} ========》 后台管理 jQueryUI *
- css
- js
学习 jQueryUI 规则 EasyUI
- css
- js
在demo里面找需要的样式 学习 jQueryUI 规则
============ Ajax操作 ================
最新文章
- Flume(3)source组件之NetcatSource使用介绍
- Linux文件系统
- C# 获取当前月第一天和最后一天 计算两个日期差多少天
- PHP header函数使用大全
- 新建jfinal2.2项目并连接mysql
- 手把手系列:实现Nat地址转换
- 抓取锁的sql语句-第四次修改
- EIGRP认证 配置 (仅仅是命令 原理自己去看书) 转自:http://blog.163.com/s_u/blog/static/13308367201111771831631/
- Codeforces 363A Soroban
- ref和out,以及一般方法的引用参数和值参数寻解
- [解读REST] 6.REST的应用经验以及教训
- SpringCloud学习之feign
- 从零开始学安全(六)●黑客常用的Dos命令
- vue-filter
- 关于JSON 与 对象 、集合 之间的转换
- SCRUM 12.16
- new JSONObject(str)无法解析 报错:org.json.JSONException: Value of type java.lang.String cannot be converted to JSONObject
- python 爬取网页内容
- 理解Struts2的Action中的setter方法是怎么工作的
- Mac下Homebrew的图形化界面工具Cakebrew
热门文章
- 批量下载文件web
- 随机森林(Random Forest,简称RF)和Bagging算法
- mysqldump mysql数据库导入导出
- Content-type的几种常见类型
- 关于vsftpd连接出现“响应: 530 Permission denied”的坑
- cmd开启3389
- Java 中如何使用clone()方法克隆对象?
- leetcode-mid-Linked list- 103. Binary Tree Zigzag Level Order Traversal
- goroutine 分析 协程的调度和执行顺序 并发写
- 十、补充数据类型set