I have two textboxes that I want to validate. If for example 10 is entered in textbox one, I don’t want any number less than 10 or 10 to be entered in the second textbox. See my code.
function validateFloatPress(ele, btn) {
var fistInput = document.getElementById("txtFrom").value;
var secondInput = document.getElementById("txtTo").value;
if (firstInput === secondInput) {
alert("Enter Number greater than " + fistInput);
} else if (secondInput > fistInput) {
alert("Enter Number greater than " + fistInput)
}
}
<div class="row no-gutters" runat="server" style="padding-bottom: 5em">
<div class="form-inline" runat="server">
<asp:Label runat="server" ID="lblfrom" ClientIDMode="Static" Text="From"
Width="30%" Font-Bold="true"></asp:Label>
<asp:TextBox runat="server" ID="txtFrom" ClientIDMode="Static" Font-Size="14px" CssClass="form-control"
Width="210px" onkeypress="return validateFloatKeyPress(this,event);" onblur="return validateFloatPress(this,event);"></asp:TextBox>
</div>
<%--<span class="frmspace" style="width: 20px"> </span>--%>
<div class="form-inline" runat="server">
<asp:Label runat="server" ID="lblto" ClientIDMode="Static" Text="To"
Width="30%" Font-Bold="true"></asp:Label>
<asp:TextBox runat="server" ID="txtTo" ClientIDMode="Static" Font-Size="14px" CssClass="form-control"
Width="230px" onkeypress="return validateFloatKeyPress(this,event);" onblur="return validateFloatPress(this,event);"></asp:TextBox>
</div>