Question

我正在关注jQuery验证页面中的默认示例，并且遇到以下错误：

Uncaught TypeError: undefined is not a function

在这一行：

$('form').validate().on('submit', function(e) {

当我尝试提交一个空表单时，我可以看到按预期触发默认消息但是，当我提交填写的表单时，没有发送任何内容。

如果没有.validate（），表单提交正常。

导致此错误的原因和已完成的表单无法使用.validate（）？

HTML

<form id="form1" action="#" method="post">
    <label>Name:</label>
    <input type="text" minlength="2" name="name" required>

    <label>Class Id:</label>
    <input type="text" minlength="2" name="class" required>

    <p><button type="submit">Submit</button></p>
</form>

<script src="../js/jquery-1.11.2.min.js" type="text/javascript"></script>
<script src="../js/jquery.validate.min.js" type="text/javascript"></script>

jquery的

(function() {
$('form').validate().on('submit', function(e) { 
    e.preventDefault(); 
    $.post('create.php', $(this).serialize(), function() { 
        console.log('Submission entered');
        window.location = 'contact_form.html'; 
    });
})
})();

Answer 1

您的代码......

$('form').validate().on('submit', function(e) { 
    e.preventDefault(); 
    $.post( .... );
});

我从未见过有人尝试将jQuery .submit()附加到.validate()方法。

只需使用插件的内置submitHandler即可...

$('form').validate({
    submitHandler: function(form) {
        $.post('create.php', $(form).serialize(), function() { 
            console.log('Submission entered');
            window.location = 'contact_form.html'; 
        });
        return false;
    }
});

＆＃13;

$(document).ready(function () {

    $('form').validate({
        submitHandler: function (form) {
            alert('valid form');
            /* // for demo
            $.post('create.php', $(form).serialize(), function () {
                console.log('Submission entered');
                window.location = 'contact_form.html';
            });
            */
            return false;
        }
    });
    
});

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script src="http://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.js"></script>
<form id="form1" action="#" method="post">
    <label>Name:</label>
    <input type="text" minlength="2" name="name" required>
    <label>Class Id:</label>
    <input type="text" minlength="2" name="class" required>
    <p>
        <button type="submit">Submit</button>
    </p>
</form>

＆＃13;

jQuery validate - TypeError undefined

1 个答案: