jquery - 如果表单在某些文本字段上具有验证，如何防止单击按钮上的 toast 消息？

Question

当我单击提交时，我在html页面中使用了类似于Toast消息的内容。它显示消息。但是问题是我已经对某些文本字段进行了验证，如果仍然发生验证错误，它仍然显示该吐司消息。如何预防呢？

我尝试检查字段是否为null，如果为null，则显示一条消息，如果成功，则显示成功并提交表单。

<a class="white-button submit" id='test'>SUBMIT</a> 
$('#test').click(function () {
        var name=$('#con-name').val();
        var email=$('#con-email').val();
        var phone=$('#con-phone').val();
        var address=$('#con-address').val();
        var nation=$('#con-nation').val();
        if(name!=""&&email!=""&&phone!=""&&address!=""&&nation!=""){
            $(".success").click(function(){
        toastr.success('Form submitted.', 'Success Alert', 
{timeOut: 5000})
    });

            $('form#feedback').submit();
        }
        else{
                $(".warning").click(function(){
        toastr.warning('Fill the fields', 'Warning', {timeOut: 5000})
    });
        }
    })

我想要的是祝酒消息，只有在提交表单时才显示，没有任何验证错误。

Answer 1

您可以像这样在if语句中添加表单有效条件

var form=$("#form_id");
if(name!="" && email!="" && phone!="" && address!="" && nation!="" && form.valid()) {
 ...
 ...
}