Javascript 检查是否在表单提交上输入了任何文本只是不起作用

Question

我知道这是一个非常基本的 JS 问题，我深表歉意。我对此很陌生。我一定是在某个地方犯了错误。这是我正在使用的:

HTML 表单

<div class='nameinput'>Please enter your name:</div>
<input id='name1' placeholder='Name...' type='text'>
<input type='submit' value='Connect' class="submitForm">
</div>

Javascript 代码

  function store() {
    name = $("input#name1").val();
  }

  function init() {
    $('.submitForm').on('click', function(){

  if (name === '') {
  alert("Please Enter Name");
  } 

  else  
      store();
      $(".login_page").animate({
        'opacity': '0' });

我不确定我在这里遗漏了什么。 name = $("input#name1").val(); 工作正常，但我似乎无法让 if 正常工作。有人可以在这里解释我的问题吗？

Answer 1

变量 name 在范围内是 undefined。您需要在单击按钮时获取它。将您的代码更改为如下内容:

function init() {
  $('.submitForm').on('click', function() {
    var name = $("#name1").val();

    if (name === '') {
      alert("Please Enter Name");
    }

    // rest of the code
}

此外，如果您仅使用函数store 来初始化变量name，则不需要它。此外，选择器 input#name1 可以简化为 #name1，因为页面中的所有元素都应具有唯一 ID。