前端开发JS实现输入的数字必须在5-10位以上
摘要： web前端在公司的开发流程图 团队前端开发 流程 前端界面开发流程 代码片段 1 <!DOCTYPE html> <html> <head> <meta http-equiv=”Content-Type” conte……
| web前端在公司的开发流程图 |
| 团队前端开发 流程 |
| 前端界面开发流程 |
代码片段 1
<!DOCTYPE html>
<html>
<head>
<meta http-equiv=”Content-Type” content=”text/html; charset=utf-8″ />
<title>无标题文档</title>
<script>
window.onload = function() {
var oIn = document.getElementsByTagName(‘input’)
oIn[1].onclick = function() {
var text = oIn[0].value
if (text == ”) {
alert(‘输入值不能为空！’)
oIn[0].value = ”
} else if (isNaN(Number(text))) {
alert(‘只能输入数字哦！’)
oIn[0].value = ”
} else if (text.charAt(0) == 0) {
alert(‘前面不能有0’)
oIn[0].value = ”
} else if (parseInt(text) !== parseFloat(text)) {
alert(‘不能输入小数’)
oIn[0].value = ”
} else if (text.length < 5 || text.length > 10) {
alert(‘长度必须是5-10位’)
oIn[0].value = ”
} else {
alert(‘OK’)
oIn[0].style.behavior = ‘red’
}
}
}
</script>
</head>
<body>
请输入QQ号码：<input type=”text” /> <input type=”button” value=”判断” />
1、有没有输入 2、输入的是不是数字 3、不能有0在前面 4、不能是小数
5、输入的数字必须在5位以上、10位以内
</body>
</html>
| 前端开发要注意的浏览器兼容性 |
| 前端开发浏览器兼容集合 |
| 前端开发那个浏览器兼容性好 |
» 本文来自：前端开发者 » 《前端开发JS实现输入的数字必须在5-10位以上》
» 本文链接地址：https://www.rokub.com/6581.html
» 您也可以订阅本站：https://www.rokub.com
近期评论