在条件内调用JQuery函数

Harsh Gupta 发表于 Dev

严厉的古普塔

我是JS和JQuery的新手，正在尝试实现以下功能。

我有一个包含多个输入的表单，每个输入都有其单独的验证。这些验证已在一个函数中实现。

function checkUpload() {
    var flagu1=0;
    var bookname = document.getElementById("title").value;

    var flagu2=0;
    .....
    .....
    var flagu6=0;

    if( flagu1==0 && flagu2==0 && flagu3==0 && flagu4==0 && flagu6==0 )
        return true;
    else 
        return false;
}

当用户单击以下按钮时，将执行此验证功能：

<button class="btn btn-secondaryup" name="submit" value="Upload" id="submitmeup" data-loading-text="UPLOADING..." onclick="clearBox('uploaderror')" type="submit" style="width:100%">UPLOAD</button>

现在，我正在尝试实现Bootstap的“加载状态按钮”。该功能将像这样工作：

当用户单击按钮时，将调用前端验证功能。验证函数（checkUpload（））返回true后，应调用以下JQuery函数。

<script>
       $('#submitmeup').click(function() {
       var $btn = $(this);
       $btn.button('loading');
       setTimeout(function () {
       $btn.button('reset');
       }, 5000);
       });
</script>

诀窍是仅在checkUpload函数返回true之后才必须调用按钮加载函数。我该如何实施？

Nishit Maheta

使用以下代码。在条件中使用函数。如果函数返回true，则在条件中执行代码

 <script>
   $('#submitmeup').click(function() {
     var $btn = $(this);
     if(checkUpload()){
         $btn.button('loading');
         setTimeout(function () {
           $btn.button('reset');
         }, 5000);
       }
   });
</script>

本文收集自互联网，转载请注明来源。

如有侵权，请联系[email protected] 删除。