Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/37.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
如何将css文本格式添加到javascript推送错误?_Javascript_Css - Fatal编程技术网

如何将css文本格式添加到javascript推送错误?

如何将css文本格式添加到javascript推送错误?,javascript,css,Javascript,Css,有人能告诉我如何将css文本格式添加到javascript推送错误中吗? 例如,如果我想要margintop:10px;边缘底部:10px添加到 errors.push("You did not complete Company Name"); 我的javascript代码: <script> function displayErrors(errors){ var container = document.getElementById("alertBox2"); v

有人能告诉我如何将css文本格式添加到javascript推送错误中吗? 例如,如果我想要
margintop:10px;边缘底部:10px添加到

errors.push("You did not complete Company Name");
我的javascript代码:

<script>
function displayErrors(errors){
    var container = document.getElementById("alertBox2");
    var html = "<ul>";

    for(var i=0; i<errors.length; i++){
        html += "<li>" + errors[i] + "</li>";
    }
    html += "</ul>";

    container.innerHTML = html;
    container.style.display = "block";
}

function validateForm(){
    var cname = document.forms["myForm"]["cname"].value;
    var creg= document.forms["myForm"]["creg"].value;
    var address= document.forms["myForm"]["address"].value;
    var post= document.forms["myForm"]["post"].value;
    var contactn= document.forms["myForm"]["contactn"].value;
    var contactt= document.forms["myForm"]["contactt"].value;
    var email= document.forms["myForm"]["email"].value;

    var errors = [];

     if(cname == ""){
document.body.scrollTop = document.documentElement.scrollTop = 0;
   document.getElementById("alertBox").style.display='block';
        errors.push("You did not complete Company Name");
    }

    if(errors.length > 0){
        displayErrors(errors);
        return false;
    } else {
        return true;
    }
}
</script>

函数显示错误(错误){
var container=document.getElementById(“alertBox2”);
var html=“
    ”; 对于(变量i=0;i 0){ 显示错误(错误); 返回false; }否则{ 返回true; } }
为什么不更改Javascript的以下部分:

for(var i=0; i<errors.length; i++){
    html += "<li class='error'>" + errors[i] + "</li>";
}
这也有助于区分风格和内容。

尝试以下方法:

errors.push("<span style='margin-top:10px; margin-bottom:10px;'>You did not complete Company Name</span>");
错误。推送(“您没有填写公司名称”);
嗯,像这样
html+=“
  • ”+错误[i]+”
  • ?或者更好的是,
    html+=”
  • “+错误[i]+”
  • errors.push("<span style='margin-top:10px; margin-bottom:10px;'>You did not complete Company Name</span>");