通过少量文本输入而不是javascript.find函数

我想对我的输入文本表单进行验证，除非所有输入表单都已完成，否则该用户无法进一步验证。我想让它通过每一个输入，即使第一个已经完成，用户需要完成另一个2等，但在这一刻，我只能通过第一个，不知道如何迭代它通过每一个输入文本

我的html：

<div class="write-to-us">
                <div class="col-md-12 field">
                    <p>Write to us</p>
                </div>
                <div class="col-md-12 field">
                    <div class="my-form">
                        <label>Name</label>
                        <input  type="text" name="subject" class="my-text-input">
                        <div class="label-error">Write your Name</div>
                    </div> 
                </div>
                <div class="col-md-12 field">
                    <div class="my-form">
                        <label>Surname</label>
                        <input type="text" name="subject" class="my-text-input">
                        <div class="label-error">Write your surname</div>
                </div>
                </div>
                <div class="col-md-12 field">
                    <div class="my-form">
                        <label">Question</label>
                        <textarea type="text" name="subject" class="my-text-input"></textarea>
                    </div>
                </div>
                <div>
                    <button class="my-button">Check it</button>
                </div>
            </div>

---

我想问题出在

上。find

应该是一些jQuery。每个jQuery都有，但我不知道如何更改它。

我会尝试这样做，而不是find

function initValidation() {
  $('.my-button').click(function(){
    $("input").each(function() {
      var element = $(this);
      if (element.val() == "") {
        element.closest('.label-error').css('visibility', 'visible');
        element.closest('.my-form').addClass('error');
      }
    });
  });
}

---

什么是

.exists（）

？猜猜你在使用插件？所以循环所有输入。不确定您使用的是什么问题。存在的是jQuery函数。我的问题是，我不知道如何实施它。我试着用。每一次，但每次都不起作用。你能描述一下错误吗？阅读：也可以尝试使用console.log或调试器；找出错误所在。似乎对html的函数验证不起作用。什么也没发生你检查控制台有没有错误？我只是把逻辑放在后面，可能有一些错误我无法检查。

function initValidation() {
  $('.my-button').click(function(){
    $("input").each(function() {
      var element = $(this);
      if (element.val() == "") {
        element.closest('.label-error').css('visibility', 'visible');
        element.closest('.my-form').addClass('error');
      }
    });
  });
}