使用javascript的下拉驗證

我正在做一個驗證，檢查是否在使用javascript的asp.net下拉按鈕中選擇了Please Select ...以外的值。我在下拉事件的onchange中觸發驗證函數，如果值爲Please Select ...，我在標籤控件中顯示一條消息。使用javascript的下拉驗證

以下是我的aspx代碼。

  document.getElementById("ContentPlaceHolder1_drpEditAlerts").onchange = function validate_Quest() { 
 
       var edAlertSelect = document.getElementById("ContentPlaceHolder1_drpEditAlerts"); 
 
       if (edAlertSelect.selectedIndex == 0) { 
 
        document.getElementById("lblEdtAlert").innerHTML = 'Kindly select an alert!'; 
 
        document.getElementById('lblEdtAlert').style.color = "red"; 
 
        document.getElementById("ContentPlaceHolder1_Button3").disabled = true; 
 
        return false; 
 
       } 
 
       document.getElementById("lblEdtAlert ").innerHTML = ''; 
 
       document.getElementById("ContentPlaceHolder1_Button3").disabled = false; 
 
       return true; 
 
      }

<p> 
 
Select an alert to link this scenario* 
 
    <span style="float: right"> 
 
     <asp:Label ID="lblEdtAlert" Text="" ForeColor="Red" Font-Size="Smaller"></asp:Label> </span> 
 
    <asp:DropDownList ID="drpEditAlerts" runat="server" Height="32px" Width="500px" /> 
 
</p>

的代碼工作正常，當我在下拉列表中請其價值向我展示在標籤中的信息。但是，當我在下拉列表中選擇一個值時，標籤消息仍顯示錯誤並且未關閉。

任何幫助，高度讚賞。

來源

2015-04-27 Karthik Venkatraman

請與實際的下拉列表創建的例子，因爲你的ASP不使這裏下拉 – mplungjan

事情是這樣的 - > http://jsfiddle.net/adeneo/ fptx2gaj/1/ – adeneo

嗨，adebeo，謝謝你的代碼工作...我修改了一下你的代碼，並將其運行。 –

簡單

var select = document.getElementById("ContentPlaceHolder1_drpEditAlerts"); 
 
var label = document.getElementById("lblEdtAlert"); 
 
var button = document.getElementById("ContentPlaceHolder1_Button3"); 
 

 
window.onload = function() { 
 
    select.onchange = function() { 
 
    var ok = this.selectedIndex > 0; 
 
    label.innerHTML = ok ? "" : 'Kindly select an alert!'; 
 
    label.style.color = ok ? "black" : "red"; 
 
    button.disabled = !ok; 
 
    } 
 
}

<p> 
 
    Select an alert to link this scenario* 
 
    <span> 
 
     <label id="lblEdtAlert"></label> 
 
    </span> 
 
    <select id="ContentPlaceHolder1_drpEditAlerts"> 
 
    <option>Please Select</option> 
 
    <option>Other 1</option> 
 
    <option>Other 2</option> 
 
    </select> 
 
    <button id="ContentPlaceHolder1_Button3">send</button> 
 
</p>

來源

2015-04-27 16:12:08 mplungjan

使用javascript的下拉驗證

回答

相關問題