gpt4 book ai didi

javascript - 我的 Jquery 无法连接到我的 html

转载 作者:行者123 更新时间:2023-12-03 05:44:56 26 4
gpt4 key购买 nike

我的 jquery 没有连接,我不知道为什么。我已经被这个问题困扰了好几个小时了,但我无法弄清楚。

这是我的 html 代码。文件名为exercise6.html

<!DOCTYPE html> 
<html lang="en">

<head>

<title>Exercise 6</title>
<meta charset="utf-8">

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<script type="text/javascript" src="JS/exercise6.js"> </script>
</head>
<body>

<form id="email_form" name="email_form" action="exercise6.html" method="get">
<fieldset class="info">
<legend>Contact Information</legend>
<p>
<input type="text" name="Lname" id="name2" value="" required />
<label for="name2"> Last</label>
</p>
<p>
<input type="text" name="mailAddie" id="mail1" value="" required />
<label for="mail1"> Address</label>
</p>
<p>
<input type="text" name="City" id="city1" value="" />
<label for="city1"> City</label>
</p>
<p>
<input type="text" name="State" id="state1" value="" />
<label for="state1"> State</label>
</p>
<p>
<input type="number" name="Zip" id="zip1" value="" />
<label for="zip1"> Zip</label>
</p>
<p>
<input type="number" name="phoneNum" id="number" />
<label for="number"> Phone</label>
</p>
</fieldset>
<fieldset>
<legend>Sign up for our email list</legend>
<p>
<label for="email_address1"> Email Address</label>
<input type="text" name="email_address1" id="email_address1" value="" />
<span>*</span><br>
</p>
<p>
<label for="email_address2"> Confirm Email Address</label>
<input type="text" name="email_address2" id="email_address2" value="" />
<span>*</span><br>
</p>

<p>
<label for="first_name"> First</label>
<input type="text" name="first_name" id="first_name" value="" />
<span>*</span><br>
</p>

</fieldset>

<p>
<label>&nbsp;</label>
<input type="submit" value="Join Our List" id="join_list" >
</p>
</form>

</body>
</html>

这是我的 JavaScript。文件名为exercise6.js,位于名为JS 的文件中。我不知道我做错了什么。

$(document).ready(function() {
$("#join_list").click(function() {
var emailAddress1 = $("#email_address1").val();
var emailAddress2 = $("#email_address2").val();
var isValid = true;

if (emailAddress1 == "") {
$("#email_address1").next().text("This field is required.");
isValid = false;
} else {
$("#email_address1").next().text("");
}
if (emailAddress2 == "") {
$("#email_address2").next().text("This field is required.");
isValid = false;
} else {
$("#email_address2").next().text("");
}
if ($("#first_name").val() == "") {
$("#first_name").next().text("This field is required.");
isValid = false
} else {
$("#first_name").next().text("");
}
if (isValid) {
$("#email_form").submit();
}

)};
)};

有人可以帮助我吗?

最佳答案

exercise6.js 的最后两行都有语法错误。

更改:

    )};
)};

致:

    });
});

下次要自己发现这个问题,请尝试使用 NetBeans 等 Web 开发 IDE,并通过鼠标右键单击在浏览器调试控制台中进行检查,这甚至会告诉您此类错误在哪里。

关于javascript - 我的 Jquery 无法连接到我的 html,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/40367459/

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