Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/79.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何使用警报在此代码中添加最小和最大验证_Javascript_Html - Fatal编程技术网

Javascript 如何使用警报在此代码中添加最小和最大验证

Javascript 如何使用警报在此代码中添加最小和最大验证,javascript,html,Javascript,Html,我想添加高度和宽度计算器在我的网站上,要求用户输入宽度和高度大小。但对于高度和宽度,应该对最小值(如200)和最大值(如5000)进行验证 如果使用的add小于200且大于5000,则应发出警告消息进行更正 我已经开发了这段代码,但它并没有像单独询问一样工作 函数计算(){ var myBox1=document.getElementById('box1').value; var myBox2=document.getElementById('box2').value; 如果(myBox1>=

我想添加高度和宽度计算器在我的网站上,要求用户输入宽度和高度大小。但对于高度和宽度,应该对最小值(如200)和最大值(如5000)进行验证

如果使用的add小于200且大于5000,则应发出警告消息进行更正

我已经开发了这段代码,但它并没有像单独询问一样工作

函数计算(){
var myBox1=document.getElementById('box1').value;
var myBox2=document.getElementById('box2').value;
如果(myBox1>=200&&myBox2>=200){
var result=document.getElementById('result');
var myResult=[(myBox1*myBox2*0.69)/100];
result.value=parseFloat(myResult).toFixed(2);
}否则{
警告(“请输入最小宽度和高度大于200”)
}
}

价格计算器

当输入元素失去焦点时触发事件
change
。 我将采用以下决定:

function startValidator(){
    var oldWidth = document.getElementById('box1').value;
    var oldHeight = document.getElementById('box2').value;
    setInterval(function(){
        var newWidth = document.getElementById('box1').value;
        var newHeight = document.getElementById('box2').value;
        if (newWidth!=oldWidth || newHeight!=oldHeight){
             calculate();
             oldWidth = newWidth;
             oldHeight = newHeight;
        }
    },400);
}
试试这个:

function calculate() {
    var myBox1 = document.getElementById('box1').value;
    var myBox2 = document.getElementById('box2').value;
    if (showAlert(myBox1, 'Width') && showAlert(myBox2, 'Height')) {
        var result = document.getElementById('result');
        var myResult = [(myBox1 * myBox2 * 0.69)/100];
        result.value = parseFloat(myResult).toFixed(2);
    }
}

function showAlert(boxValue, type) {
    if(boxValue < 200) {
        alert("Please enter Minimum " + type + " greater than 200");
        return false;
    }
    return true;
}
函数计算(){
var myBox1=document.getElementById('box1').value;
var myBox2=document.getElementById('box2').value;
if(显示警报(myBox1,‘宽度’)和&showart(myBox2,‘高度’)){
var result=document.getElementById('result');
var myResult=[(myBox1*myBox2*0.69)/100];
result.value=parseFloat(myResult).toFixed(2);
}
}
函数showAlert(boxValue,类型){
如果(boxValue<200){
警报(“请输入最小值”+类型+“大于200”);
返回false;
}
返回true;
}

什么不起作用?它看起来对我很有效,虽然UI不是很友好,但这是你的问题。我想添加单独的警报框。您可以看到在if条件下,使用&&操作的高度和宽度我希望它分别给出此代码中的400。以及如何显示警报框。我是javascript新手。此代码调用函数calculate()。把你的函数放在这个代码附近。。。否。为什么要使用时间间隔进行验证