gpt4 book ai didi

javascript - 函数不在浏览器 HTML、JavaScript 中发送警报

转载 作者:行者123 更新时间:2023-12-01 00:07:34 26 4
gpt4 key购买 nike

这里是 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/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com