Question

我希望在从PHP返回错误时更改我的错误状态CSS。

我想我可以将.css({'background-color':'red'})添加到错误功能中，如下所示，但这不起作用。

我可以用更好的方法调用类并在CSS中设置样式列表吗？

目前我的成功和错误返回alert-primary我希望错误返回为alert-danger但我不确定如何将两者分开。

＆＃13;

function validateForm() {
    $.ajax({
        url: "register.php",
        type: "POST",
        data: $('#registration-form').serialize(),
        success: function (data, textStatus, jqXHR) {
            $('#status').text(data.message);
            if (data.code) //If mail was sent successfully, reset the form.
                $('#registration-form').closest('form').find("input[type=text],textarea").val("");},
        error: function (jqXHR, textStatus, errorThrown) {
            $('#status').text(jqXHR).css({ 'background-color': 'red' });
        }
    });

}

＆＃13;

<div class="alert hide" role="alert hide">
    <div class=" alert-primary">
        <div class="status" id="status"></div>
    </div>
</div>

＆＃13;

Answer 1

你能改变你的php输出吗？样式更容易，并且您不需要更改前端代码，尝试添加类而不是纯CSS。

Answer 2

我建议您使用适当的CSS类。

在CSS文件中添加以下CSS类：

.error {
    background-color: red;
}

然后你只需在元素上添加该类而不是内联CSS：

$('#status').addClass('error').text(...the message...);

现在，您已将您的疑虑分开了。

CSS颜色样式取决于返回的Ajax响应

2 个答案: