检查输入是否为空JQuery

时间:2017-03-12 18:51:08

标签: javascript jquery ajax

您好,我的代码中存在一个简单的问题,我将自己视为用户,让我们假设用户点击空格按钮(在键盘中) ,那么解决方案是什么?

这是我的简单代码:



var name = $('input#name').val(); // get the value of the input field
if(name == "" || name == " ") {
	$('#err-name').fadeIn('slow'); // show the error message
	error = true; // change the error state to true
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
&#13;
&#13;
&#13;

2 个答案:

答案 0 :(得分:2)

使用$.trim功能删除空格

var name = $.trim( $('input#name').val() ); // get the value of the input field
if(name == "") {
    $('#err-name').fadeIn('slow'); // show the error message
    error = true; // change the error state to true
}

答案 1 :(得分:1)

JavaScript中的.trim函数删除了前导和尾随空格/新行。因此,如果用户只是spams空格键,name.trim()将删除所有前导/尾随空格,从而产生“”并等于“”。因此,您的错误代码将显示。

var name = $('input#name').val(); // get the value of the input field
if(name.trim() == "") {
    $('#err-name').fadeIn('slow'); // show the error message
    error = true; // change the error state to true
}