## 1.关键词过滤
需求:将文本域中的天猫淘宝换成**
```
<textarea name="" id="txt" cols="30" rows="10"></textarea>
<button id="filter">过滤</button>
<script>
var txt = document.getElementById("txt");
var filter = document.getElementById("filter");
var reg = /天猫|淘宝/g;
filter.onclick = function(){
var content = txt.value;
var filterContent = content.replace(reg,"**");
txt.value = filterContent;
}
```
## 2.过滤小说网站的html标签
```
var reg =/<[^<>]*>/g;
txt2.value = txt1.value.replace(reg,"");
```
## 3.邮箱验证
```
//邮箱的规则
一串数字,字母或下划线@一串数字英文.一串英文
/\w+@[a-z0-9]+\.[a-z]+/i
var reg = /^\w+@[a-z0-9]+\.[a-z]+$/i//test() 只要字符串中的一部分符合要求
reg.test();
<input type="text" id="txt">
<button id="btn">验证</button>
<script>
// 邮箱的规则数字字母或下划线@数字或字母.字母
var reg =/^\w+@[a-z0-9]+\.[a-z]+$/i;
btn.onclick = function(){
var value = txt.value;
if(reg.test(value)){
alert("输入正确")
}else{
alert("错误")
}
}
</script>
```
## 4. 电话号码
规则:以1开头,第二位为(3-9),剩下9位随便选
```
<input type="text" id="txt">
<button id="btn">验证</button>
<script>
var reg =/^1[3-9]\d{9}$/i;
btn.onclick = function(){
var value = txt.value;
if(reg.test(value)){
alert("输入正确")
}else{
alert("错误")
}
}
</script>
```
- 效果实例
- 1.点击增加高度
- 2.tab页面切换
- 3. 列表切换
- 4. 隔行变色
- 5. swiper 轮播
- 6.vue
- 7.定时器
- 8. 向表格中添加数据
- 9 瀑布流
- 1.JavaScript基础
- 1. 变量
- 2. 调试
- 3.数据类型
- 4.转换
- 5.控制语句
- 6.运算
- 7. this
- 8 JSON对象和javascript对象的相互转换
- 2.JavaScript的控制语句
- 1. 基本控制语句
- 2.节点
- 2.1DOM补充
- 3. 函数
- js的模块化如何解决
- 不知道有什么用的
- 4.数组
- 5. String
- 补充
- 6.Ajax
- 1. 原生Ajax
- 2. HTTP/get/post
- 3.jQuery-Ajax
- 4.跨域
- 5.axios
- 6.封装
- Ajax效果
- ajax补充
- 7. 正则
- 1.创建正则表达式
- 2. 正则的api
- 3.正则语法
- 4.例子
- 量词
- 8.面向对象
- 1.原型
- ES6
- 模块化
- 1.回调地狱
- 什么是回调地狱
- 简单封装
- promise解决回调地狱
- generator解决回调地狱
- async解决回调地狱
- 2.封装
- Ajax,promise
- JavaScript难点
- 1. 闭包/作用域
- 2.原型链
- 3. 兼容性
- 适配
- JavaScript小效果
- 字符串截取