当使用 jQuery 表单验证不满足要求时,提交按钮不起作用或发出警报

问题描述 投票:0回答:0

$(document).ready(function() {
    $('#formValidation').validate({
        rules: {
            name: 'required',
            email: {
                required: true,
                email: true
            },
            phone: 'required',
            subject: 'required',
            formMessage: 'required'
        },
        messages: {
            name: 'Please enter your name',
            email: {
                required: 'Please enter your email address',
                email: 'Please enter a valid email address'
            },
            phone: 'Please enter your phone number',
            subject: 'Please enter a subject',
            formMessage: 'Please enter your message'
        },
        submitHandler: function(form) {
            form.submit();
        }
    });
});
 <main>
        
        <div class="input_container"
        <form name="formValidation" id="formValidation" action="valid.html">
            <div class="input-row">
                <input type="text" name="name" placeholder="Name" required>
            </div>
            <div class="input-row">
                <input type="text" name="email" placeholder="Email" required>
            </div>
            <div class="input-row">
                <input type="text" name="phone" placeholder="Phone" required>
            </div>
            <div class="input-row">
                <input type="text" name="subject" placeholder="Subject" required>
            </div>
            <div class="input-row">
                <textarea placeholder="Message" name="formMessage" required></textarea>
            </div>
            <div class="text-center">
                <input type="submit" value="Submit">
            </div>
        </form>
    </div>

    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.4/jquery.min.js"></script>
    <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery-validate/1.19.5/jquery.validate.min.js"></script>
    
    </main>

我无法在我的网站上进行表单验证。我正在使用 jQuery 和 jQuery Validation 插件对 ID 为“formValidation”的表单执行客户端验证。但是,当我在未填写必填字段的情况下提交表单时,表单仍会提交且不会显示任何错误消息。我仔细检查了我的代码并确保我已经包含了必要的 JavaScript 库并正确关闭了所有 HTML 标签。但是表单验证似乎没有按预期运行。有人可以帮我确定问题并提供解决方案吗? 表单验证不起作用。例如,没有输入电话号码不会触发消息“请输入您的电话号码”。这是什么原因造成的?请解释我做错了什么。没有消息显示。

jquery jquery-plugins
© www.soinside.com 2019 - 2024. All rights reserved.