文本内容判断

最新推荐文章于 2020-04-09 22:49:21 发布

鸭子

最新推荐文章于 2020-04-09 22:49:21 发布

阅读量660

点赞数

分类专栏： JavaScript

本文链接：https://blog.csdn.net/li373990257/article/details/20284951

版权

JavaScript 专栏收录该内容

5 篇文章 0 订阅

订阅专栏

<script>
/* 文本内容判断 */
window.onload = function text() {
	var inps = document.getElementsByTagName("input");
	for ( var i = 0; i < inps.length; i++) {
		inp = inps[i];
		var alt = inp.alt;
		if(alt){
			if(alt.indexOf("*")!=-1){
				inp.title="必填项!";
			}
			if(alt.indexOf("num")!=-1){
				inp.title="请输入数字";
				inp.οnkeyup=function(){
					this.value = this.value.replace(/\D/g,"");
				}
			}
			if(alt.indexOf("doub")!=-1){
				inp.title="请输入数字或者小数";
				inp.οnkeyup=function(){
					this.value = this.value.replace(/\D\.?\D/,"");
				}
			}
			if(alt.indexOf("code")!=-1){
				inp.title="请输入数字、字母、下划线";
				inp.οnkeyup=function(){
					this.value = this.value.replace(/\W/g,"");
				}
			}
			if(alt.indexOf("str")!=-1){
				inp.title="请输入字母";
				inp.οnkeyup=function(){
					this.value = this.value.replace(/[^A-Za-z]/g,"");
				}
			}
		}
	}
}
</script>

只能输入字母：<input type="text" alt="str">
只能输入数字：<input type="text" alt="num">
可以输入数字和小数点：<input type="text" alt="doub">
可以输入数字，字母，下划线：<input type="text" alt="code">
必填项：<input type="text" alt="*">