【前端笔试/面试题】1-CSDN博客

本文链接：https://blog.csdn.net/shatangju/article/details/29023903

1、限制input文本框的输入

要求：

1）只能输入数字

2）度不超过10。

3）允许使用delete, backspace, left/right arrow.

一个比较笨的方法如下：

<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
</head>
<body>
	<input οnkeydοwn="disableKey();">
</body>
</html>
<script>
	function disableKey() {
		
		var len = document.getElementsByTagName("input")[0].value.length;
		if (len >= 10) {
			event.returnValue = false;
		}		
		if (event.keyCode == 8 || event.keyCode == 46 || event.keyCode == 37 || event.keyCode == 39) {
			event.returnValue = true;
		} else if (event.keyCode < 48 || event.keyCode > 57) {
			event.returnValue = false;
		}
	}
</script>

2、css隐藏元素的两种方式

1)display: none; 页面不会为元素保留其物理位置

2)visibility: hidden; 页面会为元素保留其物理位置

3、找到被选中的单选钮的下标

for (var i = 0; i < radios.length; i++) { if(radios[i].checked) { alert(i + 1); } }

4、首字母是字母，之后可以是字母和数字，长度为5~20的字符串正则式:

/^[a-zA-Z][a-zA-Z0-9]{4, 19}$/