想要下拉列表的javascript验证

时间:2014-01-09 08:23:03

标签: c# javascript jquery html asp.net

我有从数据库

填充的下拉列表

HTML代码

<asp:DropDownList ID="dd_j_name" CssClass="select2" runat="server" PlaceHolder="Select Journal" AutoPostBack="True" >  </asp:DropDownList>

<asp:ImageButton ID="btn_submit" runat="server" Text="Submit" OnClientClick="return validaterev();" ImageUrl="images/btn-submit1.jpg" />

.cs code

dd_j_name.DataSource = rr_j_title;
dd_j_name.DataValueField = "EditorId1";
dd_j_name.DataTextField = "Title";
dd_j_name.DataBind();
dd_j_name.Items.Insert(0, "");

我的JavaScript代码

<script language="javascript" type="text/javascript">
 function validaterev() {
     if (document.getElementById("<%=dd_j_name.ClientID%>").value == "Select Journal" || document.getElementById("<%=dd_j_name.ClientID%>").value == "") 
        {
            alert("Required to Select Journal");
            document.getElementById("<%=dd_j_name.ClientID%>").focus();
            return false;
        }

    }
</script>

我无法显示JavaScript的提醒,因为即使我没有在下拉列表中选择任何其他内容,我的代码有什么问题?

1 个答案:

答案 0 :(得分:2)

你得到的是下拉值,因此第一个元素的值是0而不是“选择日记”,你应该尝试下面的代码

<script language="javascript" type="text/javascript">
 function validaterev() {
     if (document.getElementById("<%=dd_j_name.ClientID%>").value == '0') 
        {
            alert("Required to Select Journal");
            document.getElementById("<%=dd_j_name.ClientID%>").focus();
            return false;
        }

    }
</script>

希望有所帮助:)