Question

我的任务是制作重量计算器，但由于大学的限制我无法使用所有标签所以我写代码它工作正常，但给我一个错误（请输入有效值，两个最接近的有效值为数字和数字）

这是代码

<html>
<head>
<title>Weight Convertor Calculator</title>
<script>
var z;
var x;
function converter(){ 
if(document.weight.kg.value>=1)
{
x=document.weight.kg.value;
document.getElementById("g").value=x*1000;
document.getElementById("p").value=x*2.2046;
document.getElementById("m").value=x*1000000;
document.getElementById("ut").value=x*0.0011023;
z=35.274*x;
document.getElementById("o").value=z;

}
else
{
 window.alert("please enter any number greater than 0");
  }
 }
 </script>
 </head>

 <body bgcolor="#b3f0ff">
 <h1 align="center" style="color:#ff0066;"> Weight Calculator</h1>
 <br>
 <br>
 <form name="weight" method="post">
 <table align="center" style="color:#ff0066;">
 <tr>
 <td><b>Enter your weight in Kg:</b></td>
 <td><input type="number" id="kg"  name="kilogram" 
 placeholder="enter_any_number"></td>
 </tr>
 <tr>
 <td align="right"><input type="submit" value="Convert" 
 onClick="converter(kg.value)"></td>
 <td><input type="reset"></td>
 </tr>
 <tr>
 <td align="right"><b>weight in Grams=</b></td>
 <td><input type="number" id="g" name="gram"></td>
 </tr>
 <tr>
 <td align="right"><b>weight in Pounds=</b></td>
 <td><input type="text" id="p" name="pound"></td> 
 </tr>
 <tr>
 <td align="right"><b>weight in MilliGrams=</b></td>
 <td><input type="number" id="m" name="milligram"></td>
 </tr>
 <tr>
 <td align="right"><b>weight in US Ton=</b></td>
 <td><input type="text" id="ut" name="uton"></td>
 </tr>
 <tr>
 <td align="right"><b>weight in Ounces=</b></td>
 <td><input type="number" id="o" name="ounce" ></td>
 </tr>
 </table> 
 </form><br>
 <p align="center" style="color:#ff0066;"><b>NOTE: Enter only numerical 
  value which is greater than 0</b></p>
  </body>
  </html>

我认为这是因为输入标签中的 number 属性，但我无法找到错误以及如何准确。如果我只在屏幕上计算一个转换输出闪光并且如果我在所有字段中输出则消失，则会再出现一个错误，然后显示答案。

Answer 1

尝试将属性step="any"添加到您的input中。那帮助了我。

Answer 2

1。）在数字输入中不允许碎片所以你需要使用文本输入
2.）您的表格将被提交：数据已经过去在这里，您可以根据代码找到有效的demo。

Answer 3

将输入类型从数字更改为文本将起作用。

请输入两个最近有效值的有效值？

3 个答案: