Maison  >  Article  >  interface Web  >  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

高洛峰
高洛峰original
2017-03-28 09:48:553104parcourir

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;)" />

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>

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!

Déclaration:
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