JavaScript常用对象(一)

最新推荐文章于 2022-07-29 23:40:39 发布

yesmeshtu

最新推荐文章于 2022-07-29 23:40:39 发布

阅读量92

点赞数

分类专栏： JavaScript&Jquery 文章标签： JavaScript HTML ViewUI

本文链接：https://blog.csdn.net/yesmeshtu/article/details/83558223

版权

JavaScript&Jquery 专栏收录该内容

22 篇文章 0 订阅

订阅专栏

<Script language="javascript">
	var s = "我有个7个字符";
	var str = "字符" + "串";
	
	//使用字符串的length属性为字符串的长度。
	alert(s.length);
	//使用charAt方法返回指定位置的字符。
	alert(str.charAt(0));
	alert(str.charAt(1));
	//substring方法从字符串中截取一个子字符串。
	alert(str.substring(0,2));
	//indexOf返回字符串中指定字符或字符串的位置，如果字符不存在就返回-1。
	alert(str.indexOf('符'));
</Script>

用字符串的length实现限制文本框长度

使用JS字符串的length属性来限制一个文本框内文本的长度。大致思路如下：每当用户在文本框内输入值的时候（键盘敲击事件），都触发一个名为 check的函数，它会获得文本框内字符的长度，并检查该长度是否在5-10之间。如果不是则给出对应的警告。且当输入字符多余10个的时候会自动去掉长出的部分。

<html>
	<head>
		<script language="javascript">
		function check(){
			var str = document.getElementById("test").value;
			if(str.length < 5){
				update("至少输入5个字符！");
			}else if(str.length > 10){
				update("不能超过10个字符！");
				str = str.substring(0,10);
				document.getElementById("test").value = str.substring(0,10);
			}else{
				update("有效的用户名。")
			}
		}
		function update(word){
			document.getElementById("feedback").innerHTML = word;
		}
</script>
	</head>
<body>
<p>
  <label for="test">帐号：</label>
  <input type="text" name="test" id="test" οnkeypress="check()" maxlength="15" />
  <span id="feedback"></span>
</p>
</body>
</html>