javascript - 验证输入字段，在提交时显示错误，如果错误则停止对话框打开

Question

我在尝试验证我的输入字段并警告错误时遇到问题，如果数字低于 50，我想知道如何显示错误弹出窗口（警告或其他），但如果发生错误则停止打开对话框模式。

我做了一个脚本来强制用户写低于 50 的数字：

<script>
    function handleChange(input) {
        if (input.value < 50) input.value = 50;
        if (input.value > 1000000) input.value = 1000000;
    }
</script>

但是一旦用户输入，例如：23 并点击提交，它会将背景中的数字更改为 50，但他不会意识到这一点......我能做些什么呢？

这是我正在使用的完整代码：

<form id="testconfirmJQ" name="testconfirmJQ" method="post" onSubmit="return validator(users)" action="output.php">
    <label>
    <select id="selectUsers" class=" outtaHere" name="users" onChange='Choice();'>
        <option value="0" selected="selected">Choose...</option>
        <option value="1">Test</option>
    </select>
    </label>

    <input type="hidden" id="ids" name="ids" >
    <input type="hidden" id="use" name="username" >
    <input type="hidden" id="ful" name="full_name" >

    <p>
        How much?
        <input type="text" id="quantity" name="quantity" onchange="handleChange(this);">
        <div style="font-size: 12px; float: left;">*Minimum quantity: 50</div>
    </p>
    <input id="submitJQ" name="submitJQ" type="submit" class="styled-button-1" value="Send" />
</form>

<div id="dialog" title="Potvrdite">
    <div class="scroll-content">
        <ul class="countrylist">
            <img src="./images/png.png" class="vizitke"/>
        </ul>
    </div>
</div>

提前致谢...

Answer 1

<script>
function handleChange(input) 
 {
    if (input.value < 50) 
    {
       alert('your alert');
       input.value = 50;
     }

     if (input.value > 1000000) 
     {
       alert('your alert');
         input.value = 1000000;
      }
     return false;
 }
 </script>

我这就是你要找的

Answer 2

添加一个隐藏输入，其默认值为 false（表示没有错误）

<input type="hidden" id="error" name="error" value='false'>

然后自定义你的js，

<script>function handleChange(input) {
if (input.value < 50) { input.value = 50; document.getElementById('error').value='true';}
if (input.value > 1000000) input.value = 1000000;}

函数验证器（用户）{

var error; error    =   document.getElementById('error').value; if(error == 'true'){alert('customize your alert error'); return false;} } </script>

Answer 3

你可以使用这个：

<script>
function handleChange(input) {
if (input.value < 50) {input.value = 50;alert("Your number is bellow 50!")}
if (input.value > 1000000) { input.value = 1000000;alert("Your number is above 1000000")}
}
</script>