javascript - ajax、html和javascript

Question

如何使两个消息（好消息和坏消息）都被替换？假设字段中的数据是否正确显示好，如果不是 - 显示不好，但如果我再次更改它，则消息将相应更改。

（我对这一切都很陌生）

$(document).ready(function () {
        $('#button').click(function(e){
            var result = true,
                ok = '<p>good</p>',
                failed = '<p>bad</p>',
                err;
            $('input').each(function(index,obj){
                var obj =   $(obj);
                if (obj.attr('id') == 'button'){
                    return false;
                }
                err =  validateInput(o);
                markInput(o,err);
                if (!err){
                    result = false;
                }
            });
            if (result){
                $('#myForm').after(good);
                $.ajax();
            }
            else{
                $('#myForm').after(bad);
                $.ajax();
            }

        });

Answer 1

而不是使用.after充当消息占位符并更新其html的元素：

<form>
    <!-- all your code -->
    <p id="message"></p>
</form>

// JavaScript
$("#myForm #message").html(good);
// also just `$("#message")` will work, and you can probably leave
// the `<p>` parts off of `good` and `bad`

Answer 2

改变：

 if (result){
                $('#myForm').after(good);
                $.ajax();
            }
            else{
                $('#myForm').after(bad);
                $.ajax();
            }

至：

 if (result){
                $('#myForm').after(ok);
                $.ajax();
            }
            else{
                $('#myForm').after(failed);
                $.ajax();
            }

您没有使用您创建的变量，命名为“ok”和“failed”，而是将“good”和“bad”放入不存在的 .after() 中。还可以考虑使用 $('#messagePlaceHolder').replace(ok or fail) 而不是 .after ，其中 messagePlaceHolder 是 .