2011-05-07 94 views
0

這是我的「聯繫我們」網頁的代碼。它怎麼不能用jQuery驗證器插件?我做錯什麼了嗎?請幫忙。謝謝! 驗證器根本不起作用。它允許提交表單,即使我沒有填寫任何內容。jQuery表單驗證無效?

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
    <html xmlns="http://www.w3.org/1999/xhtml"> 
    <head> 
     <script src="http://code.jquery.com/jquery-latest.js"></script> 
     <script type="text/javascript" src="http://dev.jquery.com/view/trunk/plugins/validate/jquery.validate.js"></script> 

     <script> 
     $(document).ready(function(){ 
     $("#myform").validate(); 
     }); 
     </script> 
    </head> 

    <body bgcolor="#ffffff"> 
    <div id="contactuscontent"> 
     <form class="cmxform" id="myform" method="post" action="sendmail.php"> 
    Your Name: <br /> 
    <input type="text" name="visitor" size="35" /> 
    <br /> 
    Your Email:<br /> 
    <input type="email" name="visitormail" size="35" /> 
    <br /> <br /> 
    Subject:<br /> 
    <input type="text" name="subject" size="35" /> 
    <br /><br /> 
    Mail Message: 
    <br /> 
    <textarea name="notes" rows="4" cols="40" ></textarea> 
    <br /> 
    <input type="submit" value="Send Mail" /> 
    <br /> 
    </form> 
    </div> 
    </body> 
    </html> 

回答

5

你的代碼工作正常,但你沒有放任何驗證規則,這就是爲什麼它什麼都不做。

編輯:至少在您的強制性輸入中添加class="required"

最好的問候。

2

<script> 
    $(document).ready(function(){ 
    $("#myform").validate(); 
    }); 
    </script> 
</head> 

<body bgcolor="#ffffff"> 
<div id="contactuscontent"> 
    <form class="cmxform" id="myform" method="post" action="sendmail.php"> 
Your Name: <br /> 
<input type="text" name="visitor" class="required" size="35" /> 
<br /> 
Your Email:<br /> 
<input type="email" name="visitormail" class="email required" size="35" /> 
<br /> <br /> 
Subject:<br /> 
<input type="text" name="subject" class="required" size="35" /> 
<br /><br /> 
Mail Message: 
<br /> 
<textarea name="notes" rows="4" cols="40" class="required" ></textarea> 
<br /> 
<input type="submit" value="Send Mail" /> 
<br /> 
</form> 
</div> 
</body> 
</html> 

你只需要添加要在每個開關輸入不會再細講類,但你需要在Web標準的HTML表單和輸入查找以及良好的格式做法

-1

那麼,jQuery真棒。但是,您也可以在不使用jQuery的情況下進行JavaScript表單驗證。可以參考這個JavaScript Form Validation Tutorial

+0

這並沒有回答這個問題。 – Quentin 2011-05-14 09:20:00