JavaScript代码在Ajax Modal PopUp中不起作用

时间:2014-02-10 12:37:26

标签: javascript asp.net

在我的网页中的模型PopUp窗口我正在比较两个textBox中的年龄,使用javascript但不知何故它不起作用。 请帮助克服这个问题。 提前致谢。 我的javascript代码是

 function CompareAge() {
        var maxage = document.getElementById('<%=txtMaxAge.ClientID%>');
        var minage = document.getElementById('<%=txtMinAge.ClientID%>');
        var val = 'false';
        if (maxage>=minage) {               
            val = 'true';
            return true;
        }
        if (val == 'false') {
            alert('Max-Age Alaways greater than or Equal Min-Age');
            return false;
        }
    }

和弹出窗口就像这样

<ul>
 <li>
     <asp:Button ID="btnCancelInPopUpReservation" runat="server" CssClass="button" Text="Cancel" />
</li>
<li>
    <asp:Button ID="btnSaveInPopUpReservation" runat="server" CssClass="button" Text="Save" OnClick="btnSaveInPopUpReservation_Click" ValidationGroup="g" OnClientClick="if(!CompareAge()) return false;"/>
</li>

1 个答案:

答案 0 :(得分:2)

我刚刚尝试了您的代码,我认为问题在于此处您应该使用.value来获取var maxagevar minage中的值。

document.getElementById('<%= txtMaxAge.ClientID %>').value document.getElementById('<%= txtMinAge.ClientID %>').value

<script type="text/javascript">
    function CompareAge() {
        var maxage = document.getElementById('<%= txtMaxAge.ClientID %>').value;
        var minage = document.getElementById('<%= txtMinAge.ClientID %>').value;
        var val = 'false';
        if (maxage >= minage) {
            val = 'true';
            return true;
        }
        if (val == 'false') {
            alert('Max-Age Alaways greater than or Equal Min-Age');
            return false;
        }
    }