jQuery 中的 Ajaxform答案

【问题标题】：Ajaxform in jQueryjQuery 中的 Ajaxform
【发布时间】：2009-01-13 03:40:14
【问题描述】：

我正在使用 ajaxForm。现在我遇到了一个问题。我的想法是当用户输入用户名时，如果有错误的用户名，它应该向用户报告一条消息。

我的代码工作正常，但问题是在向用户显示报告消息后，提交按钮变为非活动状态。因此，用户无法再次点击提交按钮。

我该如何解决这个问题？

$(document).ready(function(){
    $('#myForm').ajaxForm(function(data) {
        if (data==1){
            $('#bad').fadeIn("slow");
        }
    });
});

...

<body>
    <p id='bad' style="display:none;">Please enter a valid username</p>
</body>

...

<form id="myForm" action=" " method="post">
    <center> <input type="submit" id="submitinput" value="Submit"/> </center>
</form>

...

【问题讨论】：

标签： jquery ajax

【解决方案1】：

您可能想尝试捕获表单上的提交事件，然后使用 ajaxSubmit。像这样：

$('#myForm').submit(function() {
    $(this).ajaxSubmit(function (data) {
         if (data==1){
             $('#bad').fadeIn("slow");
         }
    });

    return false;
});

它可能会避开你遇到的任何有趣的事情。

【讨论】：