Question

我有一个带有JS验证（verify.js）的表单，其中需要电话或电子邮件。一切都是功能性的，我唯一的问题是尝试更改WHERE验证错误消息出现。

data-validate属性触发了verify.js规则。我已经编写了一个规则phoneOrEmail，在单击提交按钮时会触发该规则。这会导致验证消息为＆＃34; attach＆＃34;到提交按钮。我希望验证消息显示在电话或电子邮件字段附近。

我的JS并不强大，所以我希望这很简单。 If it helps, here's the documentation for verify.js

如果您不想点击进入JSFiddle，请点击这里的HTML：

<form action="#" method="post" name="landing_form" id="landing_form">
    <label for="phone">Phone Number</label>
    <input type="text" class="form-control" name="phone" id="phone" data-validate="min(10)">
    <label for="email">Email</label>
    <input type="text" class="form-control" name="email" id="email" data-validate="email">
    <input type="submit" value="Send Message" data-validate="phoneOrEmail">
</form>

我的JS：

$(document).ready(function() {
    $.verify.addRules({
        phoneOrEmail: function(r) {
            var phone = $('#phone').val();
            var email = $('#email').val();
            if (phone == '' && email == '') {
                return "Please supply phone OR email";
            } else {
                return true;
            }
        },
    });
});

Answer 1

我已经在您的HTML中添加了一个span标记o您可以这样做：

$(document).ready(function() {
            $.verify.addRules({
                phoneOrEmail: function(r) {
                    var phone = $('#phone').val();
                    var email = $('#email').val();
                    if (phone == '' && email == '') {
                        $('.errMsg').html("Please supply phone OR email";)

                    } else {
                        return true;
                    }
                },
            });
        });

您也可以对每封电子邮件和电话进行相同操作。

使用verify.JS更改错误消息的位置

1 个答案: