gpt4 book ai didi

javascript - 导入 jQuery 脚本不适用于 html 文件

转载 作者:行者123 更新时间:2023-12-03 06:55:15 26 4
gpt4 key购买 nike

我创建了一个 jQuery 外部文件 confirmPassword.js其中包含键盘事件,但是当我尝试导入我的 html 文件时,我的外部 js 文件将无法工作。但是当我在 html 文件下创建 jQuery 脚本时它可以工作。我只是想节省一些代码。

<!doctype html>
<html>
<head>
</head>
<body>

<div id = "container">

<h1>Register</h1>
<hr>

<form method = "post" action = "../process/registerProcess.php" >

<fieldset>

<div class = "form-field">
<label for = "username">Username:</label>
<input type = "text" name = "username" required>
</div>

<div class="form-field">
<label for = "userPassword">Password:</label>
<input type="password" id="userPassword">
</div>

<div class="form-field">
<label for = "userConfirmPassword">Confirm Password:</label>
<input type="password" id="userConfirmPassword" onChange="checkPasswordMatch();">
</div>

<div class="registrationFormAlert" id="divCheckPasswordMatch"> </div>

<div class = "form-field">
<input type = "submit" name = "registerSubmit" value = "Register">
</div>

<div class = "form-field">
<input type = "reset" name = "registerReset" value = "Reset">
</div>

</fieldset>

</form>

</div>
<script type = "text/javascript" src = "jQuery Compressed/jquery.js"></script> //jQuery Compressed
<script type = "text/javascript" src = "register/confirmPassword.js"></script>
</body>
</html>

confirmPassword.js

function checkPasswordMatch() 
{
var password = $("#userPassword").val(); //Grab the value of userPassword.
var confirmPassword = $("#userConfirmPassword").val();

if (password != confirmPassword)
{
$("#divCheckPasswordMatch").html("Passwords do not match!");
}
else
{
$("#divCheckPasswordMatch").html("Passwords match.");
}

}

$(document).ready(function ()
{
$("#userConfirmPassword").keyup(checkPasswordMatch);
});

最佳答案

如果我理解正确的话,您的意思是您的 confirmPassword.js 文件在没有 jQuery 的情况下无法工作,对吗?

您在 confirmPassword.js 文件中使用 jQuery,因此您必须导入 jQuery。

编辑:私聊后发现问题。 JS文件路径不正确。

关于javascript - 导入 jQuery 脚本不适用于 html 文件,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/37306505/

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