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