JS-函数内部的confirmbox

JS - confirmbox inside a function

本文关键字:confirmbox 内部 函数 JS-      更新时间:2023-09-26

我有一个运行良好的Javascript,因为昨天我在这里得到了一些非常好的解决方案。我想知道我是否可以用另一个Query扩展这个Javascript。现在,当数字大于199时,查询会发出警报。它运行良好。

但现在我想知道,当我写一个大于100的数字时,我是否可以在同一个输入框中获得confirmbox?这里有一个例子我写下数字110,我确实得到了一个带有信息(bla-bla)的确认框,当我单击"是"时,这个数字会留在输入框中。但当我写200或更大的时候,我确实会得到这个数字太大的警告。这是我昨天得到的代码,当数字大于199时:

    <!DOCTYPE html>
    <html lang="en">
        <head>
        <meta charset="utf-8">
        <title>Page</title>
    <script type="text/javascript">
    function minMax() {
       var min = 0;
       var mid = 99;
       var max = 199;
       var num = parseInt(document.getElementById('value_one').value);
       if (num > mid && num < max) {
           var r = confirm(num + ' n''is greater than ' + mid+ '. Press Yes to retain it.');
           if (r == false) document.getElementById('value_one').value = "";
           return false;
       }
       if (min > num || max < num) {
           alert(num + ' n''is not between ' + min + ' and ' + max);
           return false;
       }       
    </script>
        </head>
        <body>
        <form>
            Value: <input type='text' id="value_one"  onBlur="minMax();">
        </form>
    </body>
    </html>

有可能吗?如果有人有主意的话?

您可以使用confirm框来代替alert。查看w3school上的演示。

试试这个

<script type="text/javascript">
   function minMax() {
       var min = 0;
       var mid = 100;
       var max = 199;
       var num = parseInt(document.getElementById('value_one').value);
       if (num > mid && num < max) {
           var r = confirm(num + ' n''is greater than ' + mid+ '. Press Yes to retain it.');
           if (r == false) document.getElementById('value_one').value = "";
           return false;
       }
       if (min > num || max < num) {
           alert(num + ' n''is not between ' + min + ' and ' + max);
           return false;
       }       
   } 
</script>

查看jsFiddle.net上的演示。

希望这对你有用。

有一个confirm框,您可以根据选择的选项(是或取消)对其进行控制。

当文本框越过最大(document.getElementById('value_one').value=0)时,您也可以使其干净