コード:私は、ファイル名のfooter.phpを作成し、私は簡単なフォームを作成したfooter.phpファイル内の私のウェブサイトのすべてのページにこのファイルが含まれているjQueryの検証は、共通のファイルで作業していない
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script>
$(document).ready(function() {
$('#myform').validate({
rules: {
fname: {
required: true,
minlength: 2
},
lname: {
required: true,
minlength: 2
},
phone: {
phoneUS: true,
required: true
},
email: {
required: true,
email: true
},
message: {
required: true,
}
},
});
});
</script>
<form method="post" id="myform">
<input type="text" name="fname" placeholder="First Name">
<input class="email" name="lname" type="text" placeholder="Last Name">
<input type="text" name="phone" placeholder="Mobile Number">
<input class="email" name="email" type="text" placeholder="Email">
<textarea name="message" placeholder="Message"></textarea>
<input type="submit" name="submit" value="SUBMIT">
</form>
jqueryで検証したいのですが、検証は共通ファイルでは機能しませんが、jsfiddleで同じコードを実行すると完全に動作します。だから、どうすればこの問題を解決できますか?どうか私を助けてください。
は
あなたができることの1つは、送信ボタンにIDまたはクラスを追加することです。 jsでは、そのクラスまたはIDを参照するクリック関数を作成し、それをprefentDefaultに設定します。あなたのフォームが直接投稿されていないことを確認するこの方法では、 – SuperDJ
は強制です@SuperDJ – omkara
ブラウザのコンソールにJSエラーがありますか?私はこれを最初に監視することをお勧めします!何かエラーがありますか? – user1511417