如果表单经过验证，则替换/隐藏输入按钮（使用jquery.validate.js）

debugcn 发表于 Dev

状况

我有这种正常形式：

<form class="vform" action='http://example.com/someaction.php' method='post' id='myid' >
    <input type="email" name="email" id="email" class="required email " placeholder="Enter Your Email" >
    <input id="#before" type='submit' value="Submit">
</form>

我正在使用jquery.validate.js插件来验证表单，效果很好。（链接）

要求：
在成功验证表单后将用户重定向之前，存在“暂停”（在重定向过程中）...在此期间，用户反复按下“提交”按钮。

如果表单通过验证，如何隐藏/替换（也许带有加载的gif或某些东西）提交按钮。

意思是，如果表单通过验证，则禁用输入按钮或用其他方式代替输入按钮。

验证码：

<script type="text/javascript" src="https://cdn.jsdelivr.net/jquery.validation/1.14.0/jquery.validate.js"></script>
<script>    
    $(document).ready(function() {
        $(".vform").validate();
    });
</script>

我尝试在验证函数之后添加一些替换/禁用代码，如下所示：

$(this).children('input[type=submit]').attr('disabled', 'disabled');

或者

$('#before').replaceWith($('#after'));

但是对于如何真正做到这一点感到困惑。

谁能提供一些见识？

编辑：如果表单验证为false，则不应替换/禁用输入按钮

西关坎吾

您可以submitHandler通过jQuery进行验证。

<script>    
$(document).ready(function() {
$(".vform").validate({
     submitHandler: function(form) { // <- pass 'form' argument in
            $("#before").attr("disabled", true);
            form.submit(); // <- use 'form' argument here.
        }
});
});
</script>

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

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