这里是 HTML 和 Javascript 新手。
我正在编写一个非常基本的程序，允许用户输入卡号，浏览器应该判断它是否是有效的号码(13-16 位数字之间)。
网站会弹出并显示我想要的所有内容，但是当输入数字(有效或无效)时，不会发送警报来说明该数字是否正确。
关于如何解决这个问题有什么建议吗？
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Card Reader</title>
<link type=’text/css’/>
<script>
'use strict';
function getNumber(cardNum) {
if (cardNum.length > 16 || cardNum.length < 13) {
alert(‘This is not valid.’);
return false;}
else {
alert(‘This is valid.’);
return true;}
}
</script>
</head>
<body onload=“document.cardNum()”>
<h4> Enter Credit Card Number: </h4>
<form>
<input type='text' id=‘cardNum’ name=‘cardNum’/>
<br>
<input type="submit" value=Submit onclick = “getNumber(cardNum)”/>
</form>
</body>
</html>
最佳答案
我修复了 3 件事； 1- onload=“document.cardNum()” ，没有类似的函数，因此您的页面立即崩溃，因此不再执行任何脚本 2-我不知道它在粘贴过程中是否被破坏，但你的一些引用无效，你应该使用“和” 3- 这只会妨碍正常工作；在您的函数中，您传递输入的引用并检查 HTML 元素的长度，您需要检查输入的值
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Card Reader</title>
<link type=’text/css’/>
<script>
function getNumber(cardNum) {
if (cardNum.value.length > 16 || cardNum.value.length < 13) {
alert("This is not valid.");
return false;}
else {
alert("This is valid.");
return true;}
}
</script>
</head>
<body>
<h4> Enter Credit Card Number: </h4>
<form>
<input type='text' id="cardNum" name="cardNum"/>
<br>
<input type="submit" value=Submit onclick = "getNumber(cardNum)"/>
</form>
</body>
</html>关于javascript - 函数不在浏览器 HTML、JavaScript 中发送警报，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/60275424/