当表单与jQuery插件混淆时，如何检查表单的有效性

How to check validity of form when it messes with a jQuery plugin?

本文关键字：表单 何检查 检查 有效性 jQuery 插件      更新时间：2023-09-26

我有一个正常的表格，有一些必需的教科书。因此，当这些文本框未填充时，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>
函数

中多余的是什么

if（ if （$（'#contact-form'）[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) {
});
相关文章：