javascript - 如何验证下拉选择的文本框？

Question

Javascript

 <script>
    function isNumberKey(evt) {

        var charCode = (evt.which) ? evt.which : event.keyCode 
        if (charCode > 31 && (charCode < 48 || charCode > 57)) {
            alert("Please Enter Only Numeric Value:");
            return false;
        }
        return true;
    }

    $(document).ready(function () {


        $('#TextBox2').keydown(isNumberKey);         

        $('#TextBox3').keydown(isNumberKey);
    });

</script>

这是一个在文本框中只输入数值的代码。 当我从下拉列表中选择值时。此验证不起作用

Select Category:

    <asp:DropDownList ID="DropDownList1" runat="server" DataSourceID="SqlDataSource1" DataTextField="Catname" DataValueField="catId" AutoPostBack="True">                      
    </asp:DropDownList>       
  Name:

    <asp:TextBox ID="TextBox1" runat="server"></asp:TextBox> 
            <asp:RequiredFieldValidator ErrorMessage="Enter Name" ControlToValidate="TextBox1" runat="server" ForeColor="Red"></asp:RequiredFieldValidator>

    Price :<asp:TextBox ID="TextBox2" runat="server" ></asp:TextBox>
                            <asp:RequiredFieldValidator ErrorMessage="Enter Price" ControlToValidate="TextBox2" runat="server" ForeColor="Red"></asp:RequiredFieldValidator>   

    Quantity
    <asp:TextBox ID="TextBox3" runat="server"  ></asp:TextBox>
                  <asp:RequiredFieldValidator ErrorMessage="Enter Quantity" ControlToValidate="TextBox3" runat="server" ForeColor="Red"></asp:RequiredFieldValidator>

当我从下拉列表中选择时如何验证所有时间？

Answer 1

捕获变化事件

$("#DropDownList1").change(function () {
    var val = this.value;
    // Validation
});