Question

我有一个普通的表单，需要一些textboess。因此，当这些文本框未填充时，HTML5会在每个字段中显示警告。

我想要做的是在所有内容都填满时显示一个很好的通知。它工作正常，但id不检查文本框是否已填充..

document.querySelector('#submit1').onclick = function(e){
e.preventDefault();
    swal("Thank you!", "Your request has been submitted.", "success");
};

我向前迈了一步，它在提交之前检查了输入，但弹出窗口现在没有出现。它带我到同一页。

document.querySelector('#submit1').onclick = function(e){
    e.preventDefault();       
    if (if ($('#contact-form')[0].checkValidity()) {
    swal("Thank you!", "Your request has been submitted.", "success");
     }
    return;
};

有什么方法可以解决这个问题吗？

谢谢

<form id="contact-form" action="" name="contactform" class="row" method="post" >
<input required type="text" name="first_name" id="name"> 
<input required type="password" name="first_name" id="name"> 
<input type="submit" id="submit1">
</form>

Answer 1

如果在函数

中有多余的话

if（ if（$（＆＃39; #contact-form＆＃39;）[0] .checkValidity（））{

应该是：

if ($('#contact-form').checkValidity()) {
    swal("Thank you!", "Your request has been submitted.", "success");
}

我在这里做了一些假设： 1.您将checkValidity（）作为附加到表单的某种方法。 2. swal是一些自定义功能

此外，您可以使用

$('#submit1').on('click', function(e) {
});

或

$('#submit1').click(function(e) {
});

如何在使用jQuery插件混淆时检查表单的有效性？

1 个答案: