验证时Hyperform addClass

Question

我想使用Hyperform在表单验证时激活加载器类。

它不起作用。

当用户按下create按钮时：

• 表格应该经过验证。
• 如果表单有效，它会通过添加我创建的is-active类来执行加载程序。

我正在使用Hyperform，因为我需要在移动版Safari上验证表单。

<!-- HTML -->
<div id="loader" class="loader loader-default" data-text="In Process"></div>
<button id="send" name="send" class="btn btn-create">create</button>

<script>
$("#send").click(function(){
   $.ajax({url: "demo_test.txt", success: function(result){
      console.log( "Succesful Request!" );
        $("#loader").addClass("is-active");
    }});
</script>

使用Hyperform验证后：

//Script
<script>
  input.addEventListener('valid', event => {
    var d = document.getElementById("loader");
    d.className ="loader loader-default";
  });
</script>