JavaScript 代码在 Ajax 模态弹出窗口中不起作用

Question

在我的网页模型弹出窗口中，我正在使用 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 的值(value)和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;
        }
    }