我是网络开发领域的新手，我从基本的应用程序开始。我正在制作一个简单的网页来添加两个数字，并尝试执行一些基本验证，输入字段不能为空，并且输入只能是浮点数。我的index.html：<!doctype html><html><head> <!-- Required meta tags --> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> <!-- Bootstrap CSS --> <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css" integrity="sha384-Vkoo8x4CGsO3+Hhxv8T/Q5PaXtkKtu6ug5TOeNV6gBiFeWPGFN9MuhOf23Q9Ifjh" crossorigin="anonymous"> <link rel="stylesheet" type="text/css" href="styles.css"> <link href="https://fonts.googleapis.com/css2?family=Merriweather&display=swap" rel="stylesheet"> <title>Add Two Numbers</title></head><body> <form class="container center_div topSpacing"> <h1 id="Title" class="text-center">Add Two Numbers</h1> <div class="form-group"> <label for="Num1">First Number</label> <input type="text" class="form-control" id="Num1" placeholder="Enter First Number"> </div> <div class="form-group"> <label for="Num2">Second Number</label> <input type="text" class="form-control" id="Num2" placeholder="Enter Second Number"> </div> <div class="text-center"> <button onclick="result()" type="button" class="btn btn-outline-success">Evaluate</button> </div> </form> <br> <h1 id="Title2" class="text-center"></h1> <script src="https://code.jquery.com/jquery-3.4.1.slim.min.js" integrity="sha384-J6qa4849blE2+poT4WnyKhv5vZF5SrPo0iEjwBvKU7imGFAV0wwj1yYfoRSJoZ+n" crossorigin="anonymous"></script> <script type="text/javascript" src="index.js"></script></body></html>我的index.js：let var1 = document.getElementById("Num1");let var2 = document.getElementById("Num2");function validate() { if(var1 == "" || var2 == "") return false; return true;}JavaScript 代码不执行验证以及求和。
2 回答
有只小跳蛙
TA贡献1824条经验 获得超8个赞
解决方案的简单解决方法是在输入字段中输入数字。
<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;
}
一只斗牛犬
TA贡献1784条经验 获得超2个赞
改变这个
function validate() {
if(var1 == "" || var2 == "")
return false;
return true;
}
到
function validate() {
if(var1.value == "" || var2.value == "")
return false;
else
return true;
}
这应该有效。
- 2 回答
- 0 关注
- 125 浏览
添加回答
举报
0/150
提交
取消