3
私はデータベースに情報を格納するためにphpを使用しています。フォームを検証するためにjavascriptを使用したいと思います。私はindex.phpの中に含まれているフォームの検証用に別のJavaScriptファイルを作成したが、私は私が手にGoogleの開発者向けツールでコンソールに提出し、見てクリックしたときに：ここでjsフォーム検証エラー：Uncaught ReferenceError
index.php:92 Uncaught ReferenceError: popupValidation is not definedonsubmit @ index.php:92
はコードです：
index.phpの
<form name="popup" action="<?php echo htmlspecialchars($_SERVER["PHP_SELF"]);?>" onsubmit="return popupValidation();" method="post">
<div class="row">
<input name="firstName" type="text" class="form-control" id="inputFirstName" placeholder="First Name">
<input name="lastName" type="text" class="form-control" id="inputLastName" placeholder="Last Name">
</div>
<div class="row">
<input name="email" type="email" class="form-control" id="inputEmail" placeholder="[email protected]">
</div>
<div class="row">
<input name="password" type="password" class="form-control" id="inputPassword" placeholder="password">
</div>
<div class="row">
<input name="repeatPass" type="password" class="form-control" id="retypePassword" placeholder="Retype password">
</div>
<div class="row">
<input name="trainer" type="checkbox"/> Sign up as trainer
</div>
<div class="modal-footer popup-footer">
<input type="submit" class="btn btn-default submit" value="Register">
</div>
</form>
popupvalidation.js
$(document).ready(function(){
function popupValidation() {
var fname = document.forms["popup"]["firstName"].value;
var lname = document.forms["popup"]["lastName"].value;
var pass = document.forms["popup"]["password"].value;
var repass = document.forms["popup"]["repeatPass"].value;
var email = document.forms["popup"]["email"].value;
if (fname==null || fname=="", lname==null || lname=="", pass==null || pass=="",
repass==null || repass=="", email==null || email=="") {
alert("Pleases fill out field");
return false;
}
}
})
[jQueryのdocument.ready（）で関数を定義できないのはなぜですか？]]（http://stackoverflow.com/questions/1055767/why -can-i-not-define-jquerys-document-ready関数） – Xufox