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

您可以使用：

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

Answer 3

添加隐藏输入，其默认值为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;}

function validator（user）{

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

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

3 个答案: