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

关注

原创最新推荐文章于 2026-06-09 12:36:15 发布 7.3k 阅读 AI 写同款· GEO 优化 ›

前端开发：Vue中获取input输入框值的方法在前端开发过程中，会用到各种各样的基础组件，一些常用的组件的使用方法一定要滚熟于心，对于刚入门的新手来说，对基础知识的熟练掌握很重要，如果不熟练就会影响开发速度。那么本篇博文就来分享一个比较基础的知识点，在使用Vue开发的时候，使用input组件的时候，获取input输入框的值的方法，方便使用查阅。在input使用过程中，一般常用的获取输入框的值的方法有三种：第一种是通过v-model双向绑定的方式来实现想要获取的input输入框的值，第二种是通过使用ref来获取输入框的值，第三种是通过监听输入框的变化阅读详情

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

使用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;
	}
}

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

收录于