0
キーボードイベントを含むjQuery外部ファイルconfirmPassword.jsを作成しましたが、htmlファイルをインポートしようとしているときに外部jsファイルが機能しません。しかし、私はhtmlファイルの下でjQueryスクリプトを作成するときに動作します。私はいくつかのコード行を保存しようとしています。私が正しくあなたを理解している場合、あなたは右、あなたのconfirmPassword.jsファイルはjQueryをせずに動作しませんjQueryスクリプトのインポートはhtmlファイルでは機能しません
<!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);
});
htmlで 'onChange'ハンドラを指定し、外部ファイルで' .keyup'を指定したのはなぜですか？ –