Javascript 表单不验证输入
我试图验证这些值，但由于某些原因，它不会验证这些值，并且会计算它们。我真的很困惑，不知所措。其他一切都算好。这是一台计算器。 我试图验证这些值，但由于某些原因，它不会验证这些值，并且会计算它们。我真的很困惑，不知所措。其他一切都算好。这是一台计算器Javascript 表单不验证输入,javascript,html,validation,calculator,Javascript,Html,Validation,Calculator,我试图验证这些值，但由于某些原因，它不会验证这些值，并且会计算它们。我真的很困惑，不知所措。其他一切都算好。这是一台计算器。 我试图验证这些值，但由于某些原因，它不会验证这些值，并且会计算它们。我真的很困惑，不知所措。其他一切都算好。这是一台计算器 var bmr=0； 函数validateForm（） { var age=文件。表格[“calcBMR”][“age”]。值； 变量高度=文件。表格[“calcBMR”][“重量”]。值； 变量权重=文件。表格[“calcBMR”][“高度”]。
var bmr=0；
函数validateForm（）
{
var age=文件。表格[“calcBMR”][“age”]。值；
变量高度=文件。表格[“calcBMR”][“重量”]。值；
变量权重=文件。表格[“calcBMR”][“高度”]。值；
如果（年龄=“”）
{
警告（“必须填写年龄”）；
返回false；
}
如果（高度==“”）
{
警告（“必须填写高度”）；
返回false；
}
如果（权重=“”）
{
警告（“必须填写高度”）；
返回false；
}
}
函数计算（）{
var age=document.getElementById（“age”）.value；
var-gender=document.querySelector（'input[name=“gender”]：checked'）。值；
var height=document.getElementById（“height”）.value；
var-weight=document.getElementById（“weight”）.value；
var activeLevel=document.getElementById（“activeLevel”）.value；
开关（活动级别）
{
“久坐”案例：
如果（性别=“男性”）
{
bmr=88.362+（13.397*体重）+（4.799*身高）-（5.677*年龄）；
bmr=bmr*1.2；
}
其他的
{
bmr=447.593+（9.247*体重）+（3.098*身高）-（4.330*年龄）；
bmr=bmr*1.2；
}
返回bmr；
案例“lightActive”：
如果（性别=“男性”）
{
bmr=88.362+（13.397*体重）+（4.799*身高）-（5.677*年龄）；
bmr=bmr*1.375；
}
其他的
{
bmr=447.593+（9.247*体重）+（3.098*身高）-（4.330*年龄）；
bmr=bmr*1.375；
}
返回bmr；
“中等反应性”案例：
如果（性别=“男性”）
{
bmr=88.362+（13.397*体重）+（4.799*身高）-（5.677*年龄）；
bmr=bmr*1.55；
}
其他的
{
bmr=447.593+（9.247*体重）+（3.098*身高）-（4.330*年龄）；
bmr=bmr*1.55；
}
返回bmr；
“非常活跃”一案：
如果（性别=“男性”）
{
bmr=88.362+（13.397*体重）+（4.799*身高）-（5.677*年龄）；
bmr=bmr*1.725；
}
其他的
{
bmr=447.593+（9.247*体重）+（3.098*身高）-（4.330*年龄）；
bmr=bmr*1.725；
}
返回bmr；
“外向型”案例：
如果（性别=“男性”）
{
bmr=88.362+（13.397*体重）+（4.799*身高）-（5.677*年龄）；
bmr=bmr*1.9；
}
其他的
{
bmr=447.593+（9.247*体重）+（3.098*身高）-（4.330*年龄）；
bmr=bmr*1.9；
}
返回bmr；
违约：
如果（性别=“男性”）
{
bmr=88.362+（13.397*体重）+（4.799*身高）-（5.677*年龄）；
}
其他的
{
bmr=447.593+（9.247*体重）+（3.098*身高）-（4.330*年龄）；
}
返回bmr；
}
}
document.getElementsByTagName（“按钮”）[0]。addEventListener（“单击”，函数（）{
计算（）；
document.getElementById（'lblResult'）。innerHTML=bmr；
})
作业1-BMR计算器
BMR计算器
什么是BMR？：
基础代谢率（BMR）是你的代谢率。它根据年龄、身高、体重和性别计算你每天应该摄入的卡路里总量。
BMR与BMI的对比：
虽然两者的计算方法相似，但都有很大的不同。身体质量指数（BMI）衡量你的身高和体重
在这里进行BMR测试，找出你每天需要的卡路里数：
性别：
男性
女性
你多大了？
你的身高是多少厘米？（厘米）：
你的体重是多少公斤？（千克）：
您的活动级别是多少？：
久坐（很少或不运动）
轻度运动（每周锻炼1-3次）
适度运动（每周锻炼3-5次
非常活跃（每天锻炼）
非常活跃（职业运动员）
结果
BMR
&副本；版权所有Alim Kutchhi#301135845-COMP125-2021年夏季。
<!DOCTYPE html>
<html>
<head>
<script src="Assignment1.js"></script>
<link rel="stylesheet" href="Assignment1.css">
<meta name="viewport" content="width = device-width, initial-scale = 1.0">
<title>Assignment 1 - BMR Calculator</title>
</head>
<body>
<header>
<h1>BMR Calculator</h1>
</div></div>
</header>
<br><h4><strong>What is BMR?:</strong></h4>
Basal Metabolic Rate (BMR) is your metabolism rate. It calculates the total amount of calories you should be eating per day based on Age, Height, Weight, and Gender.<br><br>
<h4><strong>BMR versus BMI:</strong></h4>
<p>While both take similar calculations, both are very different. Body Mass Index (BMI) takes your height and weight. </p>
<br><br><img src="images/weight scale.jpg" class="size1" alt="Scale">
<img src="images/outside.gif" class="size2" alt="Pixel art forest"><br><br>
<h3>Take a BMR test right here to find the number of calories you need per day:</h3><br><br>
<br>
<form name="getform" id="getform" action="" onsubmit="return false;">
<select name="gender" id="gender">
<option value="male" selected>Male</option>
<option value="female">Female</option>
</select>
<br><br>
How old are you?
<br>
<input type="text" id="age" name="age">
<br><br>
What is your height in centimetres? (cm):
<br>
<input type="text" id="height" name="height">
<br><br>
What is your weight in kilograms? (kg):
<br>
<input type="text" id="weight" name="weight">
<br><br>
What is your Activity Level?:
<br>
<select id="activeLevel" name="activeLevel">
<option value="sedentary" selected>Sedentary (Little to no Exercise)</option>
<option value="lightActive">Lightly Active (Exercise 1-3 times per week)</option>
<option value="moderateActive">Moderately Active (Exercise 3-5 times per week</option>
<option value="veryActive">Very Active (Exercise everyday)</option>
<option value="extraActive">Extremely Active (Professional Athlete)</option>
</select>
<br><br>
<button type="button" id="reset" onclick="resetAll();">Reset</button>
<br><br><br>
<button type="button" id="result" onclick="getResult();">Result</button>
<br><br>
<input type="text" id="result_text" name="result_text" disabled style="background-color:#fff;border:1px solid black;" value="">
</form>
<footer>
<hr><br><br>
<h5>© Copyright Alim Kutchhi #301135845 - COMP125 - Summer 2021.</h5><br><br>
</footer>
</body>
</html>
将
validateFormfunction calc() {
var age = parseInt(document.getform.age.value);
var height = parseFloat(document.getform.height.value);
var weight = parseFloat(document.getform.weight.value);
var gender = document.getform.gender.value;
var activeLevel = document.getform.activeLevel.value;
var error = '';
var bmr;
if (isNaN(age)) {
error+='Age must be filled out.';
}
if (isNaN(height)) {
error+=' Height must be filled out.';
}
if (isNaN(weight)) {
error+=' Weight must be filled out';
}
if (error) {
alert(error);
return;
}
if (gender = "male") {
bmr = (10*weight) + (6.5*height) - (5*age) +5;
} else if (gender="female") {
bmr = (10*weight) + (6.5*weight) - (5*age) -161;
}
if (activeLevel =="sedentary") {
tdee = bmr * 1.2;
return tdee;
} else if (activeLevel == "lightActive") {
tdee = bmr * 1.375;
return tdee;
} else if (activeLevel == "moderateActive") {
tdee = bmr * 1.55;
return tdee;
} else if (activeLevel == "veryActive") {
tdee = bmr * 1.725;
return tdee;
} else if (activeLevel == "extraActive") {
tdee = bmr * 1.9;
return tdee;
}
}
function getResult() {
calc();
document.getform.result_text.value = calc();
}
function resetAll() {
document.getform.age.value = "";
document.getform.height.value = "";
document.getform.weight.value = "";
document.getElementById("gender").selectedIndex = 0;
document.getElementById("activeLevel").selectedIndex = 0;
}