jquery $.each 函数中的简单 if 语句未返回正确的值

Question

我无法在 jquery $.each 循环中获得基本的 if 语句。我有一个循环遍历的 json 对象，如果在文本框中输入的值在 json 对象中找到，我 return 一个我设置为 false 的标志。但是由于某种原因，if 语句没有执行。这是代码：

var authorlist = [
  {"AUTHOR":"DONNA EDWARDS","COUNTRY":"USA","REGION":"MIDWEST"},
  {"AUTHOR":"EMERALD JONES","COUNTRY":"UK","REGION":"EU"},
  {"AUTHOR":"SHAKESPEARE","COUNTRY":"UK","REGION":"EU"}];

function checkName() {
  var nameIsValid = true;
  var nametocheck = $("#name").val();
  $.each(authorlist, function(index, val){
    //console.log(val.AUTHOR);
    if(nametocheck == val.AUTHOR) {
      //console.log(val.AUTHOR);
      nameIsValid = false;
      return false;
    }
  });
  return nameIsValid;
}

$("#btnCheck").on("click", function(){
  console.log("The name entered is valid: " + checkName());
});

<form class="form-horizontal" name="paymentInformation" id="paymentInformation" action="verifyOrder.cfm" method="post" role="form">
  <div class="form-group">
    <fieldset class="col-sm-12">

      <!-- Row 1 -->
      <div class="row">
        <div class="col-sm-6">
          <label for="id2" class="col-6 col-form-label">
            Book Name
          </label>
          <input type="form-control" placeholder="Book Name" type="text" id="id2" name="id2" class="col-10">
          <button type="button" class="btn btn-primary" id="btnCheck">Check</button>
        </div>
 
      </div>
</form>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>

https://jsfiddle.net/wqnkz4v7/

Answer 1

您需要填写正确的 ID。

var nametocheck = $("#id2").val();
//                   ^^^^

Answer 2

编辑关注

var nametocheck = $("#id2").val();

或使用以下

$("input[name='name']").val();

Answer 3

您的错误在 var nametocheck = $("#name").val();。

根据html选择器应该是“#id2”。

jquery $.each 函数中的简单 if 语句未返回正确的值

Simple if statement inside jquery $.each function not returning right value

javascript

each

jquery

json

if-statement