Question

我有以下内容：

<div>
                    <input class="amounts" type="text" placeholder="ENTER AMOUNT"/>
                    <a href="" data-id="@product.Id" class="btn btn-info btn-lg-add" style="margin-left:auto">
                        <span class="glyphicon glyphicon-shopping-cart"></span> ADD
                    </a><br />
                </div>

在jQuery脚本部分中，我正在尝试处理用户将其留空的情况：

    $(".btn.btn-info.btn-lg-add").click(function(event){
....
    if ($(this).prev('input').val() == undefined || $(this).prev('input').val() == null) {
                url = '@Html.Raw(Url.Action("myHandler", "myControllerName"))';
.....
}

此语法在做什么？ -因为当用户将文本输入留为空白时，它不会输入if

Answer 1

您可以使用此功能来检查String是否为空，为空或仅包含空格：

function isNullOrEmpty(str){
  return !str.trim().length;
}

 $(".btn.btn-info.btn-lg-add").click(function(event){
    if (isNullOrEmpty($(this).prev('input').val())) {
       event.preventDefault();
       alert("Value can not be empty");
    }
});
function isNullOrEmpty(str){
  return !str.trim().length;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div>
                    <input class="amounts" type="text" placeholder="ENTER AMOUNT"/>
                    <a href="" data-id="@product.Id" class="btn btn-info btn-lg-add" style="margin-left:auto">
                        <span class="glyphicon glyphicon-shopping-cart"></span> ADD
                    </a><br />
                </div>

如何处理空白的输入文字？

1 个答案: