JavaScript 中 float 和非空的验证

首页课程实战体系课手记专栏慕课教程

JavaScript 中 float 和非空的验证

我是网络开发领域的新手，我从基本的应用程序开始。我正在制作一个简单的网页来添加两个数字，并尝试执行一些基本验证，输入字段不能为空，并且输入只能是浮点数。

我的index.html：

<!doctype html>

<html>

<head>

<title>Add Two Numbers</title>

</head>

<body>

<h1 id="Title" class="text-center">Add Two Numbers</h1>

<label for="Num1">First Number</label>

</div>

<label for="Num2">Second Number</label>

</div>

<button onclick="result()" type="button" class="btn btn-outline-success">Evaluate</button>

</div>

</form>

<br>

</body>

</html>

我的index.js：

let var1 = document.getElementById("Num1");

let var2 = document.getElementById("Num2");

function validate() {

if(var1 == "" || var2 == "")

return false;

return true;

}

JavaScript 代码不执行验证以及求和。

慕尼黑5688855

浏览 126回答 2

2回答

有只小跳蛙

解决方案的简单解决方法是在输入字段中输入数字。 <input type="number" class="form-control" id="Num1" placeholder="Enter First Number">        </div> <input          type="number"          class="form-control"          id="Num2"          placeholder="Enter Second Number"        />更改验证函数如下 function validate() {  const reg = /\-?\d+\.\d+/g;  if (    var1.value !== "" &&    var2.value !== "" &&    var1.value.match(reg) &&    var2.value.match(reg)  ) {    return true;  }  return false;}

0 0

一只斗牛犬

改变这个function validate() {if(var1 == "" || var2 == "")    return false;return true;}到function validate() {if(var1.value == "" || var2.value == "")    return false;else    return true;}这应该有效。

0 0

随时随地看视频慕课网APP