带十进制数的JavaScript表单_Javascript_Html_Forms

带十进制数的JavaScript表单

javascript html forms

带十进制数的JavaScript表单,javascript,html,forms,Javascript,Html,Forms,我有一个现在只接受整数的形式，我怎么能有一个接受小数的形式呢还有，如何激活HTML中带有小键盘和小数点的键盘目前我的JavaScript代码如下： var peso = parseInt(form.elements["x"].valueAsNumber); var eta = parseInt(form.elements["y"].valueAsNumber); var creatinina = parseInt(form.elements["c"].valueAsNumber); 对于H

我有一个现在只接受整数的形式，我怎么能有一个接受小数的形式呢

还有，如何激活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*"/>

比索（千克）

处理它的方法是使用

并添加适当的javascript匹配

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

如果您认为输入正确，则一切正常。如果没有，您可以打印一条消息，说明此框应接受小数。

尝试此选项，使您的文本框只能接受数字和小数

<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>

你希望parseInt（）解析小数吗？也许模式可以是

[\d\.]*

（虽然是的，这将允许多个小数点），是的，如果你只针对较新的浏览器，你必须使用

parseFloat

，你可以使用JS，而不需要JS。Mike建议的模式也会显示完整的键盘？，！以此类推，不仅仅是带小数点的数字

<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>