如何使用jQuery比较两个文本框的值？

Question

我有两个名为txtbalance和txtdays的文本框。 如果我在txtdays中输入的值大于txtbalance，我想显示错误消息。 我有一个javascript方法，但无法正常工作。

<script type="text/javascript" language="javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js">
</script>
<script language="javascript" type="text/javascript">
$(document).ready(function () {
     $("#txtdays").on('input', function () {
         var txtbalance = $('#txtbalance').val();
         var txtdays = $('#txtdays').val();

         if (txtbalance === "" || txtdays === "") return false;

         if (parseInt(txtbalance) < parseInt(txtdays)) {
             alert("u cant apply");
         }
     });
 });
</script>

还有我的源代码

<% Page Title="Home Page" Language="C#" MasterPageFile="~/Site.master"  AutoEventWireup="true"
  CodeBehind="Default.aspx.cs" Inherits="drop._Default" %>

<asp:Content ID="HeaderContent" runat="server" ContentPlaceHolderID="HeadContent">
<style type="text/css">
    .style1
    {
        width: 100%;
    }
    </style>
</asp:Content>
 <asp:Content ID="BodyContent" runat="server" ContentPlaceHolderID="MainContent">
 <head>
 <script type="text/javascript" language="javascript"     src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>
<script language="javascript" type="text/javascript">
$(document).ready(function () {
     $("#txtdays").on('input', function () {
         var txtbalance = $('#txtbalance').val();
         var txtdays = $('#txtdays').val();

         if (txtbalance === "" || txtdays === "") return false;

         if (parseInt(txtbalance) < parseInt(txtdays)) {
             alert("u cant apply");
         }
     });
 });
</script>
</head>   
<table class="style1">
   <tr>
 <asp:TextBox ID="txtbalance" runat="server"></asp:TextBox>
 </tr>
 <tr>
 <asp:TextBox ID="txtdays" runat="server"></asp:TextBox>
 </tr>
 </asp:Content>

请帮助我找到解决方案...

Answer 1

如果余额是数字，则很可能需要使用parseInt。 像这样：

if (parseInt($('#txtbalance').val()) < parseInt($('#txtdays').val())) {
    alert("u cant apply")
}

Answer 2

 $(document).ready(function () {
   var n = $("#txtbalance").val();
    var m = $("#txtdays").val();

    if(parseInt(n) > parseInt(m)) {
        alert("Alert!");
    }
});

Answer 3

添加事件处理程序以更改文本框的事件并比较值。

<script language="javascript" type="text/javascript">
var bal='';
var days='';
$(document).ready(function () {
   $( "#txtbalance" ).change(function() {
         bal=$(this).val();
         return compare(bal,days);
});

 $( "#txtdays" ).change(function() {
         bal=$(this).val();
         return compare(bal,days);
});
});
function(bal,days)
{
        if(bal!='' && days!='' && parseInt(bal)<parseInt(days))
            {
           alert("u cant apply");
          return false;
}
         return true;
}
</script>

Answer 4

我会使用key up方法：

$("#txtdays").on('keyup', function () {
    // your code here
}

Answer 5

http://jsfiddle.net/y7hgwyvy/-jQuery 1.7

$(document).ready(function () {
    $("#txtdays").on('input', function () {
        var txtbalance = $('#txtbalance').val();
        var txtdays = $('#txtdays').val();

        if (txtbalance === "" || txtdays === "") return false;

        if ( parseInt(txtbalance) < parseInt(txtdays) ) {
            alert("u cant apply");
        }
    });
});

您还可以考虑用户在txtdays输入中输入值时的一些延迟。

编辑

jQuery 1.4的解决方案http://jsfiddle.net/y7hgwyvy/1/

如何使用jQuery比较两个文本框的值？

问题描述

5 个解决方案

解决方案1
2 2014-10-27 07:34:04

解决方案2
2 2014-10-27 07:47:04

解决方案3
0 2014-10-27 07:52:14

解决方案4
0 2014-10-27 07:56:58

解决方案5
0 2014-10-27 08:16:42

如何使用jQuery比较两个文本框的值？

问题描述

5 个解决方案

解决方案1 2 2014-10-27 07:34:04

解决方案2 2 2014-10-27 07:47:04

解决方案3 0 2014-10-27 07:52:14

解决方案4 0 2014-10-27 07:56:58

解决方案5 0 2014-10-27 08:16:42

解决方案1
2 2014-10-27 07:34:04

解决方案2
2 2014-10-27 07:47:04

解决方案3
0 2014-10-27 07:52:14

解决方案4
0 2014-10-27 07:56:58

解决方案5
0 2014-10-27 08:16:42