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

Add alert DIV to validation script (jquery / javascript)

本文关键字：jquery javascript 脚本 验证 DIV 添加      更新时间：2023-09-26

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

我想在发现错误时将隐藏的 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>
  1. 在表单中定义一个空的div，例如。
  1. 使用 $（"#divError）.html（"错误语句"）;

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

希望这就是你要找的。

使用 style="display:none" 创建DIV。 我假设div 的 ID 为 error_div .

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

如果您需要添加消息执行 DIV，您可以使用$("#error_div").text("error in input 2");

相关文章：