如何在不刷新网站的情况下更改JQuery验证消息[重复]

要在不刷新网站的情况下更改jQuery验证消息，你可以使用jQuery Validation插件的自定义方法。以下是一个基本的示例，展示了如何实现这一点：

步骤 1: 引入jQuery和jQuery Validation插件

首先，确保你的网页中引入了jQuery库和jQuery Validation插件。

<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/jquery-validation@1.19.3/dist/jquery.validate.min.js"></script>

步骤 2: 设置表单验证

在你的表单上应用验证规则。

<form id="myForm">
    <input type="text" name="email" required>
    <button type="submit">Submit</button>
</form>

步骤 3: 自定义验证消息

使用jQuery Validation的messages选项来自定义验证失败时的消息。

$(document).ready(function() {
    $('#myForm').validate({
        rules: {
            email: {
                required: true,
                email: true
            }
        },
        messages: {
            email: {
                required: "请输入您的电子邮件地址",
                email: "请输入有效的电子邮件地址"
            }
        }
    });
});

步骤 4: 动态更改验证消息

如果你想在用户输入时动态更改验证消息，可以使用jQuery来修改DOM元素的内容。

$('#myForm input[name="email"]').on('input', function() {
    // 清除错误消息
    $('#myForm .error').remove();
    // 你可以在这里根据输入的值来动态更改消息
    if ($(this).val().length > 0) {
        $(this).after('<div class="error">正在检查...</div>');
    }
});