2017-10-07 7 views
1

コード:私は、ファイル名の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で同じコードを実行すると完全に動作します。だから、どうすればこの問題を解決できますか?どうか私を助けてください。

+0

あなたができることの1つは、送信ボタンにIDまたはクラスを追加することです。 jsでは、そのクラスまたはIDを参照するクリック関数を作成し、それをprefentDefaultに設定します。あなたのフォームが直接投稿されていないことを確認するこの方法では、 – SuperDJ

+0

は強制です@SuperDJ – omkara

+1

ブラウザのコンソールにJSエラーがありますか?私はこれを最初に監視することをお勧めします!何かエラーがありますか? – user1511417

答えて

-1

すべては私のために罰金のようですが、私はjqueryの検証を使用すると、jQueryのスクリプトの後にこのプラグインを追加してくださいplugin.make見つけることができませんありがとうございました。

+0

OPが明らかに問題を抱えているので、「It's working for me」は答えではありません。さらに情報が必要な場合は、コメントに追加してください。誰かがまだそうしていないと仮定して –

関連する問題