JavaScript代码在Ajax模型PopUp中不起作用

Question

在我的网页中的模型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>

Answer 1

我刚刚尝试了你的代码，我认为问题在于你应该使用.value来获取var maxage和var 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;
        }
    }