如果输入值不在数字范围内,则防止表单提交

时间:2016-11-03 21:44:46

标签: javascript html

如果input值小于0.001,或者大于200,我希望阻止我的表单提交。

用户在0.001200之间输入值后,表单应接受并完成提交。

input minmax属性不会阻止表单提交。是否可以阻止表单提交,如果它不属于这些值?

2 个答案:

答案 0 :(得分:1)

简单易用的JavaScript修复:

<form onsubmit="validate();">

</form>


function validate() {
 var value = document.getElementById('titleeee').value;
 var var1 = 0.001;
 if (value > 200 || value < var1) {
  return false; // keep form from submitting
 }



 return true;
}

此外,这可能不起作用,因为您说minmax不适合您,但这是一个纯HTML解决方案:

<input type="number" min="0.001" max="200">

答案 1 :(得分:1)

@AndrewLi为您提供了正确的解决方案。指定您的输入,如:

<input type="number" name="quantity" min="0.001" max="200">