你可以調用CSS樣式表到if語句中的HTML文檔

我想從if語句中的css文件引入外部樣式表。我有幾個文本框，我需要如果點擊一個按鈕彈出來，它說整個窗體應該填充和背景顏色變爲紅色。我有這個在我的HTML文件：你可以調用CSS樣式表到if語句中的HTML文檔

<style type="text/css"> 

@import url("mysheet.css"); 

</style> 

<script type="text/javascript"> 
function validateform() 
{ 
var x=document.forms["CustInfo"]["Fname"].value; 
if (x == null || x == "") 
{ 
    alert("The entire form must be filled out"); 
    return false; 
} 
</script>

在我的CSS文件，我只是有：

.formalert{ 
    background-color: Red; 
}

我怎樣才能改變這種「警戒」來稱呼我formalert？

來源

2012-02-01 Allen Skelton

你應該也工作的一個方式做服務器端驗證和客戶端，如果禁用JavaScript我不看你的應用程序將會優雅地degraduate - 你想設計與Progresive網站牢記在心。 ps正如湯姆提到的那樣，並且標出一些答案 - 人們花了很多時間幫助你並給出了正確的答案 - 沒有標記答案的問題可能導致人們在找到解決方案時浪費時間。 – 2012-02-01 01:58:19

要做到這一點的簡單方法是始終包含樣式，但只有在您的表單設置爲具有該類名稱（如果驗證失敗）。

<style type="text/css"> 
.formalert{ 
    background-color: Red; 
} 
</style> 

<script type="text/javascript"> 
function validateform(oForm) 
{ 
    var x=document.forms["CustInfo"]["Fname"].value; 
    if (x == null || x == "") 
    { 
     alert("The entire form must be filled out"); 
     oForm.className += ' formalert'; 
     return false; 
    } 
    return true; 
} 
</script>   

<form action="" method="post" onsubmit="return validateform(this);"> 
... 
</form>

來源

2012-02-01 01:55:13 Umbrella

我不確定你的意思。這實際上是我第一次使用HTML – 2012-02-01 01:56:49

歡迎來到1990 – samccone 2012-02-01 02:01:30

我認爲*什麼@samccone暗示，是否有更新的方法來做到這一點。儘管如此，該示例接近您提供的代碼。 – Umbrella 2012-02-01 02:08:04

你可以調用CSS樣式表到if語句中的HTML文檔

回答

相關問題