Question

我有一个表格，现在只接受整数，我怎么能有一个接受小数的表格？

另外，如何在具有键盘和小数点的HTML中激活键盘？

我现在的JavaScript代码是：

var peso = parseInt(form.elements["x"].valueAsNumber);
var eta = parseInt(form.elements["y"].valueAsNumber);
var creatinina = parseInt(form.elements["c"].valueAsNumber);

对于HTML表单中的变量，这个：

<p align="center" style="font-size:20px">Peso (kg)</p>
<input name="x" type="number" value="70" style="width:100%;height:40px;font-size:15px;" pattern="\d*"/>

Answer 1

处理它的方法是使用<input type="text">并添加正确的javascript匹配。

<input type="text" name="amount" id="amount" maxlength="6" autocomplete="off"/></span>

在此字段发生任何更改后，您可以检查正则表达式，如：

var ok = /^\d*\.?\d*$/.test(input);

如果您认为输入正确，一切都很好。如果没有，您可以打印此框应接受小数的消息。

Answer 2

尝试这个让你的文本框只能接受数字和小数。

<HTML>
<HEAD>
<SCRIPT language=Javascript>
   <!--
   function isNumberKey(evt)
   {
      var charCode = (evt.which) ? evt.which : event.keyCode;
      if (charCode != 46 && charCode > 31 
        && (charCode < 48 || charCode > 57))
         return false;

      return true;
   }
   //-->
</SCRIPT>
</HEAD>
<BODY>
   <INPUT name="x" style="width:100%;height:40px;font-size:15px;" id="txtChar" onkeypress="return isNumberKey(event)" 
       type="text">
</BODY>
</HTML>

带有十进制数字的JavaScript表单

2 个答案: