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

Question

我无法在jquery $.each循环中获取基本的if语句。我有一个循环遍历的 json 对象，如果在 json 对象中找到在文本框中输入的值，我会返回一个我设置为 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

编辑以下内容

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

或使用以下

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

Answer 2

您需要寻址正确的 id。

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

Answer 3

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

根据 html 的选择器应该是"#id2"。