0

私はこのフォームを検証しようとしています:

<table>
<form action="test.html" method="post" id="contactform" name="contactform">
<tr>
    <td>
    <label for="fname">First Name :</label>
    </td>

    <td>
    <input name="fname" id="fname" type="text" /> 
    </td>
</tr>
<tr>
    <td>
    <label for="lname">Last Name :</label>
    </td>

    <td>
     <input name="lname" id="lname" type="text" /> 
    </td>
</tr>

<tr>
    <td>
     <label for="gender">Gender :</label>
    </td>

    <td>
     <input name="gender" id="genderm" type="radio" /> Male  <input name="gender" id="genderf" type="radio" /> Female
    </td>

</tr>

<tr>
    <td>
      <label for="email">Email :</label> 
    </td>

    <td>
     <input name="email" id="email" type="text" /> 
    </td>
</tr>

<tr>
    <td>
    <label for="address">Address :</label>
    </td>

    <td>
    <input name="addr" id="addr" type="text" /> 
    </td>
</tr>

<tr>
    <td>
    <label for="mob">Mobile Phone :</label>
    </td>

    <td>
    <input name="mob" id="mob" type="text" /> 
    </td>
</tr>

<tr>
    <td>
     <label for="dob">Date Of Birth (mm/dd/YYYY):</label>
    </td>

    <td>
    <input name="dob" id="dob" type="text" />     
    </td>
</tr>

<tr>
    <td>
     <label for="agreeT">By Checking This you agree to our Terms  :</label>
    </td>

    <td>
     <input name="agreeT" id="agreeT" type="checkbox" />

    </td>
</tr>

   <tr>
    <td>
     <input type="submit" value="Sumbit" />
    </td>

</tr>

しかし、Jquery Validation Plugin を使用して検証することはできません。これらのスクリプト コードをファイルに追加しています。

<script src="jquery.js"></script>
<script src="jquery.validate.js"></script>

<script language="javascript">

$(document).ready(function(e) {


    var validator = $("#contactform").validate({ 

    rules : {
        fname: "required",
        lname: "required",
        email: {
            email: true,
            required: true
        },
        gender:" required",
        addr: "required",
        dob: {
            required: true,
            date: true
        },
        agreeT: "required"
    }

    }
    );



});


</script>

フォームを検証せずに test.html にアクセスする理由を誰か教えてください....?? 構文エラーはありますか??

4

2 に答える 2

2

作業コード..チェック::---

ちょうど試して： -

従うべきステップ: -

  1. ソースを表示して、スクリプトがうまくいかないかどうかを確認する必要があります。
  2. エラーまたは警告をデバッグしてみてください。
  3. 正しい id を渡していることを確認しました。
  4. プラグインを確認してみてください
  5. エラーメッセージを表示してみてください。

あなたの HTML コード:-

<form action="test.html" method="post" id="contactform" name="contactform">
    <table>

<tr>
    <td>
    <label for="fname">First Name :</label>
    </td>

    <td>
    <input name="fname" id="fname" type="text" /> 
    </td>
</tr>
<tr>
    <td>
    <label for="lname">Last Name :</label>
    </td>

    <td>
     <input name="lname" id="lname" type="text" /> 
    </td>
</tr>

<tr>
    <td>
     <label for="gender">Gender :</label>
    </td>

    <td>
     <input name="gender" id="genderm" type="radio" /> Male  <input name="gender" id="genderf" type="radio" /> Female
    </td>

</tr>

<tr>
    <td>
      <label for="email">Email :</label> 
    </td>

    <td>
     <input name="email" id="email" type="text" /> 
    </td>
</tr>

<tr>
    <td>
    <label for="address">Address :</label>
    </td>

    <td>
    <input name="addr" id="addr" type="text" /> 
    </td>
</tr>

<tr>
    <td>
    <label for="mob">Mobile Phone :</label>
    </td>

    <td>
    <input name="mob" id="mob" type="text" /> 
    </td>
</tr>

<tr>
    <td>
     <label for="dob">Date Of Birth (mm/dd/YYYY):</label>
    </td>

    <td>
    <input name="dob" id="dob" type="text" />     
    </td>
</tr>

<tr>
    <td>
     <label for="agreeT">By Checking This you agree to our Terms  :</label>
    </td>

    <td>
     <input name="agreeT" id="agreeT" type="checkbox" />

    </td>
</tr>

   <tr>
    <td>
     <input type="submit" value="Sumbit" />
    </td>

</tr> </table>
    </form>

あなたのjsコード:-

<script type="text/javascript">

$().ready(function() {
    $("#contactform").validate({ 

    rules : {
        fname: "required",
        lname: "required",
        email: {
            email: true,
            required: true
        },
        gender:" required",
        addr: "required",
        dob: {
            required: true,
            date: true
        },
        agreeT: "required"
    },
messages: {
    fname: "Please enter your name",
    lname: "Please enter your last name",
    email: "Please enter a valid email address"
}
    });

});


</script>

- - - - - - また - - - - - - - - - -

 <script language="javascript">
$(document).ready(function() {
    $("#contactform").validate({ 

rules : {
    fname: {required: true},
    lname: {required: true},
    email: {
        email: true,
        required: true
    },
    gender:{required: true},
    addr: {required: true},
    dob: {
        required: true,
        date: true
    },
    agreeT:{required: true}
},
messages: {
    fname: "Please enter your name",
    lname: "Please enter your last name",
    email: "Please enter a valid email address"
}

}); });

于 2012-06-20T07:28:54.337 に答える
0

好きなところから移動<form..>するだけ<table> ...

<form ...>
   <table>
   ...
   </table>
</form>

それがうまくいくことを願っています

于 2013-07-17T09:05:43.397 に答える