Maison > interface Web > tutoriel HTML > Comment restreindre la saisie de la zone de texte HTML aux seuls nombres et points décimaux

Comment restreindre la saisie de la zone de texte HTML aux seuls nombres et points décimaux

高洛峰
Libérer: 2017-03-28 09:48:55
original
3174 Les gens l'ont consulté

Cet article présente principalement la méthode permettant de restreindre la saisie d'une zone de texte HTML aux seuls nombres et points décimaux. A une très bonne valeur de référence. Jetons un coup d'oeil avec l'éditeur ci-dessous

Code :

<input type="text" class="txt" name="qty" value="" onkeyup="this.value=this.value.replace(/[^0-9\.]/g,&#39;&#39;)" />
Copier après la connexion

PS : js ne peut être réalisé Zone de texte pour saisir des nombres et des points décimaux

<html><head><meta http-equiv="content-Type" content="text/html;charset=gb2312"><title>js 只能输入数字和小数点</title>
<script language="JavaScript" type="text/javascript">
function clearNoNum(obj){   obj.value = obj.value.replace(/[^\d.]/g,"");  //清除“数字”和“.”以外的字符  
 obj.value = obj.value.replace(/^\./g,"");  //验证第一个字符是数字而不是. 
  obj.value = obj.value.replace(/\.{2,}/g,"."); //只保留第一个. 清除多余的.   
obj.value = obj.value.replace(".","$#$").replace(/\./g,"").replace("$#$",".");
}
</script>
</head><body>只能输入数字和小数点的文本框:<input name="input1" onkeyup="clearNoNum(this)"></body></html>
Copier après la connexion

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal