At work, there are always a lot of text boxes that prohibit non-numeric character input, such as the mobile phone number and the zip code
Copy codeThe Code is as follows:
<! Doctype html>
<Html lang = "en-US">
<Head>
<Meta charset = "UTF-8">
<Title> </title>
<Link rel = "stylesheet" href = "style.css">
</Head>
<Script src = "http://libs.baidu.com/jquery/1.9.0/jquery.js"> </script>
<Body>
<Input type = "text" id = "phone" value = "0000">
</Body>
<Script type = "text/javascript">
JQuery (document). ready (function ($ ){
// Stuff to do as soon as the DOM is ready;
Var phone = $ ('# phone ');
$ (Phone). on ('click', function (){
Phone. val ('');
})
$ (Phone). on ('keyup', function (evt ){
Var phoneVal = phone. val ();
PhoneVal = phoneVal. replace ('/[^ \ d] +/G', ''); // replace non-numeric characters with spaces
PhoneVal = parseInt (phoneVal, 10 );
If (isNaN (phoneVal )){
PhoneVal = '';
}
This. value = phoneVal;
})
});
</Script>
</Html>