不知道为什么我的验证器不起作用

Question

嗨，我是html和javascript的新手。 我遇到了一个看似正确的问题，但是它不起作用。 函数中肯定有问题，我无法弄清楚。

 <html> <body> <section> <form name="CombinationWithRep"> <h2>Combination with repetition</h2> N:<input type="text" name="numberOfThings" /> R: <input type="text" name="selection" /> <button onclick="CombinationWithRepfun()">Sub</button> <p id="demo1"></p> </form> <script langauge="javascript"> function CombinationWithRepfun() { var number = document.forms["CombinationWithRep"]["numberOfThings"].value; var selector = document.forms["CombinationWithRep"]["selection"].value; if (number == " ") { alert("pleas typo"); return false; } if (selector == " ") { alert("pleas typo"); return false; } var number1 = number * 1; var selector1 = selector * 1; document.getElementById("demo").innerHTML = Math.pow(number1, selector1); } </script> </section> </body> </html>

Answer 1

您的代码中有几个问题：

您正在用空格检查值（ ），我认为您不想要。 您必须使用空字符串检查该值。
如果条件为真，则可以使用event.preventDefault()阻止事件进一步执行。
如果条件为假，则应执行其他代码。
您还必须使用demo1而不是demo 。 尝试以下代码：

 <form name="CombinationWithRep"> <h2>Combination with repetition</h2> N:<input type="text" name="numberOfThings"/> R:<input type="text" name="selection"/> <button type="button" onclick="CombinationWithRepfun(event)">Sub</button> <p id="demo1"></p> </form> <script langauge="javascript"> function CombinationWithRepfun(e) { var number = document.forms["CombinationWithRep"]["numberOfThings"].value; var selector = document.forms["CombinationWithRep"]["selection"].value; if (number.trim() == "" || selector.trim() == "") { alert("pleas typo"); e.preventDefault(); } else { var number1 = number*1; var selector1 = selector*1; document.getElementById("demo1").innerHTML = Math.pow(number1, selector1); } } </script> </section>

Answer 2

首先，在脚本标记中输入错误（“语言”而不是“ langauge”。）第二，我认为您需要使用parseInt或ParseFloat将数字1和选择器1从字符串转换为数字

Answer 3

答案在下面，这是我的构建方法： https : //codepen.io/yamato79/pen/YjwzQE希望这对您有所帮助，祝您度过愉快的一天。

添加type =“ button” <button type="button" onclick="CombinationWithRepfun()">Sub</button>属性，以便在单击按钮时不提交表单。 每次您单击按钮时，它都会刷新页面，因为它将表单提交到同一页面。
if (selector == "") if (number == "")将其与引号进行比较。 您使用的“”不等于输入为空。
将<script langauge="javascript">更改为<script type="text/javascript">
document.getElementById("demo1").innerHTML = Math.pow(number1, selector1); 最后，您的元素ID不正确。

不知道为什么我的验证器不起作用

问题描述

3 个解决方案

解决方案1
1 已采纳 2018-07-14 16:22:12

解决方案2
0 2018-07-14 16:25:35

解决方案3
0

不知道为什么我的验证器不起作用

问题描述

3 个解决方案

解决方案1 1 已采纳 2018-07-14 16:22:12

解决方案2 0 2018-07-14 16:25:35

解决方案3 0

解决方案1
1 已采纳 2018-07-14 16:22:12

解决方案2
0 2018-07-14 16:25:35

解决方案3
0