User-986267747 posted
Hi Geetasks,
It's working fine. Only prob is it didn't allow backspace & delete.
According to your description, you'd like to allow backspace & delete when you use the textbox control, but in fact, it didn't allow backspace & delete in your textbox control, isn't it? I create a sample with your link and it works fine with IE11.
Could your describe your enviroment and share your code with us?
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="BtnConfirm.aspx.cs" Inherits="GridViewAppear.BtnConfirm" %>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title></title>
<script src="Scripts/jquery-2.1.4.min.js"></script>
<script type="text/javascript">
$(function () {
$(".allownumericwithdecimal").on("keypress keyup blur", function (event) {
//this.value = this.value.replace(/[^0-9\.]/g,'');
$(this).val($(this).val().replace(/[^0-9\.]/g, ''));
if ((event.which != 46 || $(this).val().indexOf('.') != -1) && (event.which < 48 || event.which > 57)) {
event.preventDefault();
}
});
$(".allownumericwithoutdecimal").on("keypress keyup blur", function (event) {
$(this).val($(this).val().replace(/[^\d].+/, ""));
if ((event.which < 48 || event.which > 57)) {
event.preventDefault();
}
});
})
</script>
</head>
<body>
<form id="form1" runat="server">
<span>Float</span>
<asp:TextBox ID="TextBox1" name="numeric" CssClass="allownumericwithdecimal" runat="server"></asp:TextBox>
<div>Numeric values only allowed (With Decimal Point) </div>
<br/> <br/> <br/>
<span>Int</span>
<input type="text" name="numeric" class='allownumericwithoutdecimal' />
<div>Numeric values only allowed (Without Decimal Point) </div>
</form>
</body>
</html>
Best Regards,
Klein zhang
