Question

<html>
<head>
<script type="text/javascript">
function gcd()
{
var x,y;
x=parseInt(document.myform.n1.value);
y=parseInt(document.myform.n2.value);
if((x>'a' && x<='z') && (y>'a' && y<='z') && (x>'A' && x<='Z') && (y>'A' && y<='Z'))
{
while(x!=y)
{                           
    if(x>y)
        x=x-y;
    else
        y=y-x;
}
document.myform.result.value=x;
}
else
{
    alert("Enter valid character ! ");
}
</script>
</head>
<body>
<h1 align="center"><b>gcd of two numbers</b></h1>
<hr color="black">
<center>
Enter two numbers :
<form name="myform">
Number 1 : <input type="text" name="n1" value=""> <br> <br>
Number 2 : <input type="text" name="n2" value=""> <br> <br>
<input type="button" value="Get GCD" onClick="gcd()"> <br> <br>
GCD is : <input type="text" name="result" value="">
</form>
</body>
</html>

以上是一个HTML-javascript代码，但我想添加一个功能，如果你输入一个特殊字符会弹出一个警告框。请帮我弄清楚为什么上面的代码不起作用。我是一个初学者在javascript，需要你的帮助。在此先感谢：）

Answer 1

不仅处理错误而且确保文本采用所需格式的最佳方法是使用Regular Expression。这里的基本验证可以通过将输入类型设置为数字来完成，但不建议这样做。

您始终可以按Javascript Error Handling处理错误。

建议您针对用例对以下内容进行更多研究，并找出理想情况。希望这有帮助！

Answer 2

简单地使用number更改输入类型。仅允许输入数字

function gcd() {
  var x, y;
  x = document.myform.n1.value;
  y = document.myform.n2.value
  x = parseInt(x);
  y = parseInt(y)
  if (x > y) {
    x = x - y;
  } else {
    x = y - x;
  }
  document.myform.result.value = x;
}

<h1 align="center"><b>gcd of two numbers</b></h1>
<hr color="black">
<center>
  Enter two numbers :
  <form name="myform">
    Number 1 : <input type="number" name="n1" value=""> <br> <br> Number 2 : <input type="number" name="n2" value=""> <br> <br>
    <input type="button" value="Get GCD" onClick="gcd()"> <br> <br> GCD is : <input type="number" name="result" value="">
  </form>

如何在给定代码中添加错误消息警告框？

2 个答案: