input输入框输入完成判断输入的值

最新推荐文章于 2024-05-12 10:46:47 发布

原创最新推荐文章于 2024-05-12 10:46:47 发布 · 7.3k 阅读

8 ·

CC 4.0 BY-SA版权

JavaScript 专栏收录该内容

20 篇文章

订阅专栏

本文介绍了一种利用onblur事件即时验证用户输入的方法，并提供了一个具体的示例来展示如何确保输入为正整数。此方法可以提高用户体验，减少因输入错误导致的问题。

很多时候我们不需要在全部都输入完之后再判断输入的是否正确，可以直接输入了就对内容进行判断。

使用onblur="check();"

举个例子：

                     <td class="con">
	                    <input class="com-text2" type="text" id="money" name="money" value="" onblur="check();"/>
	                    <span id="money_span" style="color:red;"></span>
	                </td>

function check(){
	var reg = /^[1-9]\d*$/;
	// 如果验证失败给出警告
	if(!reg.test($("#money").val())){
		$("#money_span").text("输入错误，请输入正整数！");
		return false;
	}else{
		$("#money_span").text("输入正确！");
		return true;
	}
}

是不是一目了然了呀！！！