jquery判断input值不为空的方法

这篇文章将为你介绍如何使用jQuery判断input输入框的值是否不为空，对于需要这方面知识的朋友，相信会有很大的帮助。

假设我们有一个文本输入框，它的类名为“searchbox”，如下所示：

当页面加载完成后，我们可以使用jQuery来绑定一些事件处理函数。比如，当用户在该输入框中按下回车键时，我们可以触发一个搜索新闻的函数。代码如下：

<script type='text/javascript'>

$(document).ready(function(){

//绑定回车键事件，激活搜索

$('.searchbox').bind('keypress', function(event) {

if (event.keyCode == "13") //如果是回车键

{

search_news(); //搜索新闻函数

}

});

//获取输入框的值，判断其是否不为空

var k = $(".searchbox").val();

if(k != ''){ //如果值不为空

document.location = "/plus/search.php?kwtype=0&searchtype=title&q=" + encodeURI(k); //跳转到搜索结果页面

}

});

</script>

再分享给大家一个更为简洁的方法。当输入框失去焦点时，我们可以使用blur事件来判断输入框的值是否为空。如果输入框为空，则重新获取焦点；否则，弹出提示框显示输入框的值。代码如下：

$(function() {

//输入框失去焦点事件处理函数

$(".searchbox").blur(function() {

if ($(".searchbox").val() == "") //如果输入框为空

{ $(".searchbox").focus(); } //重新获取焦点

else

alert("输入框的值是：" + $(".searchbox").val()); //弹出提示框显示输入框的值

});

});

这样，我们就可以轻松地使用jQuery来判断input输入框的值是否不为空了。希望这篇文章能对你有所帮助。