7.1 去除空格
<script> var arr =" hello "; var reg = /^\s+|\s+$/g; // 正则表达式 console.log(arr.replace(reg,"$")); // trim方式 console.log(arr.trim()); </script>
7.2 过滤标签
<!-- 过滤标签 -->
<script>
var arr = "<p>dhauwidgwueah </p><p> <div></div>";
/*这里加号是表面[]里面包含多个字符。
例如,<dabcd>,<idd>,<voop>等都会被查找到*/
var reg = /<[^div]+>/g;
console.log(arr.replace(reg,""));
console.log(arr.match(reg));
</script>
<!-- 只获取数字 -->
<script>
var str = "https://www.baidu.com/subject/12323e/dnf212";
// 第一种
var a = /\d+/g;
console.log(str.search(a));
// 第二种
var b = /[^\d]+/g;
console.log(str.replace(b,""));
</script>
7.3 邮箱验证
<input type="text" id="input" placeholder="请输入你的邮箱">
<script>
var input = document.getElementById("input");
input.onkeydown = function(){
if(event.keyCode == 13&&this.value!=""){
var value = this.value.trim();
var reg = /^\w+@[\da-z]+\.com$/g;
console.log(reg.test(this.value));
}
}
</script>
7.4 银行密码
<!-- 请输入六位数密码 -->
<input type="password" id="input" placeholder="请输入你六位数密码">
<script>
var input = document.getElementById("input");
input.onkeydown = function(){
if(event.keyCode == 13&&this.value!=""){
var value = this.value.trim();
var reg = /^\d{6}$/g; //规则在这
console.log(reg.test(this.value));
}
}
</script>
7.5 用户名验证
<!-- 用户名,只能是字母,大小写不限,不能超过八个字符 -->
<input type="password" id="input3" placeholder="用户名,只能是字母,大小写不限,不能超过八个字符">
<script>
var input3 = document.getElementById("input3");
input3.onkeydown = function(){
if(event.keyCode == 13&&this.value!=""){
var value = this.value.trim();
var reg = /^[a-zA-Z]{1,8}$/g; //规则在这
console.log(reg.test(this.value));
}
}
</script>
7.6 密码验证
<!-- 密码,字母开头,后面是数字,且数字不低于五位数 -->
<input type="password" id="input2" placeholder="字母开头,后面是数字,且数字不低于五位数">
<script>
var input2 = document.getElementById("input2");
input2.onkeydown = function(){
if(event.keyCode == 13&&this.value!=""){
var value = this.value.trim();
var reg = /^[a-zA-Z]+\d{5,}$/g; //规则在这
console.log(reg.test(this.value));
}
}
</script>