Sir,
On Laptop this code is working properly, but on cell phone typing properly but not showing digit.
Please see.
<%@ Page Language="VB" AutoEventWireup="false" CodeFile="Login.aspx.vb" Inherits="Member_Login" %>
<!DOCTYPE html>
<%--<html xmlns="http://www.w3.org/1999/xhtml" class="bg-black">--%>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta http-equiv="X-UA-Compatible" content="ie=edge" />
<title>Member Login</title>
<link rel="stylesheet" type="text/css" href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" />
<link rel="stylesheet" type="text/css" href="css/style2.css" />
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<script src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/3/jquery.inputmask.bundle.js"></script>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<!-- InputMask -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery.inputmask/3.3.4/inputmask/inputmask.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery.inputmask/3.3.4/inputmask/inputmask.date.extensions.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery.inputmask/3.3.4/inputmask/inputmask.extensions.min.js"></script>
<link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/jquery.inputmask/3.3.4/css/inputmask.css" />
<script type="text/javascript">
$(function () {
var inputmask = new Inputmask("99999-9999999-9");
inputmask.mask($('[id*=txtCNICNo]'));
$('#txtCNICNo').keydown(function () {
//allow backspace, tab, ctrl+A, escape, carriage return
if (event.keyCode == 8 || event.keyCode == 9 || event.keyCode == 27 ||
event.keyCode == 13 || (event.keyCode == 65 && event.ctrlKey === true))
return;
if ((event.keyCode < 48 || event.keyCode > 57) && (event.keyCode < 96 || event.keyCode > 105)) {
event.preventDefault();
}
var length = $(this).val().length;
if (length == 5 || length == 13) {
$(this).val($(this).val() + '-');
}
});
});
</script>
<script type="text/javascript">
$(function () {
var inputmask = new Inputmask("999999");
inputmask.mask($('[id*=txtMemberShipNo]'));
$('#txtMemberShipNo').keydown(function () {
//allow backspace, tab, ctrl+A, escape, carriage return
if (event.keyCode == 8 || event.keyCode == 9 || event.keyCode == 27 ||
event.keyCode == 13 || (event.keyCode == 65 && event.ctrlKey === true))
return;
if ((event.keyCode < 48 || event.keyCode > 57) && (event.keyCode < 96 || event.keyCode > 105)) {
event.preventDefault();
}
var length = $(this).val().length;
});
});
</script>
</head>
<body style="font-family: Calibri;">
<div class="header">
<h1>KSVJ Member Login</h1>
</div>
<form id="form1" runat="server">
<div class="logo; header">
<p>
<center><img src="images/Jamaat-Logo.jpeg" style="width:6%; border:0;" /></center>
</p>
<h1>KSVJ Member Login</h1>
</div>
<br />
<br />
<br />
<div class="login">
<div class="group">
<asp:TextBox ID="txtMemberShipNo" runat="server" MaxLength="6" data-inputmask="'mask': '999999'" placeholder='Membership # - Last 6 Digts' autocomplete="off">
</asp:TextBox>
<span><i class="fa fa-handshake-o"></i></span>
</div>
<div class="group">
<asp:TextBox ID="txtCNICNo" runat="server" MaxLength="15" data-inputmask="'mask': '99999-9999999-9'" placeholder='CNIC #' autocomplete="off">
</asp:TextBox>
<span class="input-group-addon"><i class="fa fa-address-card"></i></span>
<asp:Label ID="lblMessage" runat="server"></asp:Label>
</div>
<asp:Button ID="btnLogin" runat="server" Text="Login"
Style="padding: 12px; background-image: linear-gradient(to right, red, maroon); color: #fff;" />
<p class="fs">
<br />
Don't have registeration number?<br />
Contact us 📞 021-34931434
</p>
</div>
</form>
</body>
</html>
