javascript - 将警报 DIV 添加到验证脚本（jquery / javascript）

Question

我有一个想要更改的验证脚本（调用其父脚本）。

当发现错误时，我想在表单上方显示一个隐藏的 DIV 作为警报。

有没有办法将此添加到我现有的脚本中：

<script type="text/javascript">
    $(function () {
    $('#rbSubmit').formValidator({
        scope: '#form_register',
            onError: function () {
            if ($('#input_1 input').hasClass('error-input')) {
                $('#r1 div, #r1 input').css('background-color', '#C1272D').css('color', '#FFF');
            } else {
                $('#r1 div').css('background-color', '#E8E8E8');
            }
            if ($('#input_1 input').hasClass('error-input')) {
                $("#r1 .ts").css("background-position", "-928px -318px");
            } else {
                $('#r1 div').css('background-color', '#E8E8E8');
            }
            if ($('#input_2 input').hasClass('error-input')) {
                $('#r2 div, #r2 input').css('background-color', '#C1272D').css('color', '#FFF');
            } else {
                $('#r2 div').css('background-color', '#E8E8E8');
            }
        }
    });
});
</script>

Answer 1

1. 在表单中定义一个空 div，例如。

1. 使用 $("#divError).html("错误声明");

http://api.jquery.com/html/

希望这就是你要找的。

Answer 2

用. DIV_ style="display:none"我假设 div 的 ID 为error_div.

遇到错误时，执行$("#error_div").show();

如果你需要添加消息做 DIV，你可以这样做$("#error_div").text("error in input 2");