HTML：Internet Explorer/Edge Formで無効な入力番号

HTML入力テキストボックスに特定の数字を入力すると、Internet ExplorerまたはEdgeの最新バージョンでは送信できません。「無効な番号」と表示されます。たとえば、「43.7」は無効な番号とみなされます。HTML：Internet Explorer/Edge Formで無効な入力番号

<!DOCTYPE html> 
 
<head> 
 
<title>TITLE</title> 
 
</head> 
 
<body id="page"> 
 
    <form method="post" id="myForm"> 
 
     <p> 
 
     <label for="value"></label> 
 
     <input type="number" step="0.01" name="value" id="value" min="35" /> 
 
     </p> 
 
     <input type="submit" value="Submit" /> 
 
    </form> \t \t 
 
</body> 
 
</html>

編集：問題は明らかに "分" の値に関係しています。最小値として「30」を入力しても問題は発生しません。

ありがとうございました。

クエンティン

出典

2017-03-20 Quentin

スニペットは動作するはずですか？いずれのブラウザでも何もしません。いずれにしても、地域設定でカンマを小数点区切り記号として使用している場合は、数字が*無効*となることがあります。ブラウザはこれに非常に矛盾しているように見えます。 –

あなたはこの回避策を試すことができます。

$("input[type='button'").click(function(){ 
 
    console.log("Submitted value " + $("input[type='number'").val()); 
 
    $("input[type='number'").val(""); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<!DOCTYPE html> 
 
<head> 
 
<title>TITLE</title> 
 
</head> 
 
<body id="page"> 
 
    <form method="post" id="myForm"> 
 
     <p> 
 
     <label for="value"></label> 
 
     <input type="number" step="0.01" name="value" id="value" min="35" /> 
 
     </p> 
 
     <input type="button" value="Submit" /> 
 
    </form> \t \t 
 
</body> 
 
</html>

出典

2017-03-20 11:36:50

これは文化の問題ではありません。カンマで「Not a Number」といっても機能しませんが、例として「43.75」で動作しています。 – Quentin

私の回避策を使用してください –

あなたはこの

<input type="number" step="0.1" name="value" id="value" min="35" />

またはパターン属性

を設定するための正規表現を試すことができます

<input type="number" pattern="^[1-9]\d*(\.\d+)?$" name="value" id="value" min="35" />

出典

2017-03-20 11:47:40 Bosco

HTML：Internet Explorer/Edge Formで無効な入力番号

答えて

関連する問題