当前位置：前端开发者 > JavaScript > 正文

js开发前端验证QQ格式

2018-07-30 分类：JavaScript 阅读(641) 评论(0)

web前端开发笔试集锦(javascript篇)|ios开发 web前端开发|ios11前端开发

html 代码

<!DOCTYPE html>

<head>

<meta charset=”UTF-8″>

<title></title>

</head>

<body>

<input type=”text” name=”QQ” id=”QQ” value=”” />

<span></span>

<pre style=”color: red;font-size: 30px;”>

QQ的规则：

1. 全都是数字

2. 最少5最多11

3. 开头不能为0

</pre>

<script type=”text/javascript”>

let qq = document.querySelector(‘#QQ’);

let span = document.querySelector(‘span’);

let re = /^[1-9]\d{5,11}$/

qq.oninput = function () {

if (re.test(qq.value)) {

span.innerHTML = ‘恭喜你’

} else {

span.innerHTML = ‘别闹，好好写’

}

}

</script>

</body>

</html>

java前端开发的简历|web前端开发与php区别|thinkphp5 前端开发

赞(0)

前端开发者 » js开发前端验证QQ格式

标签：前端开发者

前端开发者

相关推荐

评论抢沙发

评论前必须登录！

立即登录注册

回顶部