jquery - How can I enable submit form after all jquery functions has been loaded?

Question

I have a MVC project with razor syntax in partial views. Each view has some jquery functions which load some data in forms. Because of asynchronous loading of functions, it may take some seconds to load all functions in the form. If a user click submit button before loading all jquery functions, data lost will occur.

what is the best solution,please?

My view is look like this:

<input type="submit" id="save" />
...
<script type="JavaScript/text">
...
$.getJSON(actionUrl1, function (data) {...});
...
$.getJSON(actionUrl2, function (data) {...});
...
</script>

Answer 1

頭に浮かぶ 1 つの可能性は、AJAX 要求の実行中に送信ボタンをブロックし、成功ハンドラーでブロックを解除することです。jQuery blockUI plugin役立つと思われる も参照してください。