ugrás a tartalomhoz

Form validitáció jQuery-vel

phobos · 2009. Aug. 5. (Sze), 15.52
Sziasztok!

Az lenne a problémám hogy megírtam egy form validitációt jQueryvel ami le is ellenőrzi rendesen csak miután megtette és megfelel minden feltételnek azután nem küldi tovább a formot. Hogyan lehet ezt megvalósítani?
index.html
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"  
  2.     "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">  
  3. <html xmlns="http://www.w3.org/1999/xhtml">  
  4.   
  5. <head>  
  6.     <link href="css/form.css" rel="stylesheet" type="text/css" />  
  7.     <script type="text/javascript" src="js/jquery.js"></script>  
  8.     <script type="text/javascript" src="js/jquery.validate.js"></script>  
  9.     <script type="text/javascript" src="js/form.js"></script>  
  10.     <meta http-equiv="content-type" content="text/html; charset=utf-8" />  
  11.     <title>Putting together...</title>  
  12. </head>  
  13.   
  14. <body>  
  15.     <div align="center"><h1><i>Putting together...</i></h1></div>  
  16.     <div class="stuff">  
  17.         <form action="<?=$_SERVER['PHP_SELF'];?>" method="post" enctype="multipart/form-data" name="upload" id="form">  
  18.             <b>Your E-mail address: *</b><br />  
  19.             <input type="text" name="eemail" size="36" id="eemail" value="" /><br />  
  20.             <b>Confirm your E-mail: *</b><br />  
  21.             <input type="text" name="cemail" size="36" id="cemail" value="" /><br />  
  22.             <b>Recipient's E-mail: *</b><br />  
  23.             <input type="text" name="remail" size="36" id="remail" value="" /><br />  
  24.             <b>Subject: *</b><br />  
  25.             <input class="textbox" type="text" name="subject" id="subject" size="36" value="" /><br />  
  26.             <b>Message: *</b><br />  
  27.             <textarea class="textbox" name="message" rows="10" cols="60"></textarea>  
  28.             <br /><br />  
  29.             Max file size:400kb! Allowed picture formats: jpg, gif, png.<br /><br />  
  30.             <input type="file" name="image" size="60" /><br />  
  31.             I agree with the <i><a href="terms.php">terms</a></i> of use.  
  32.             <input type="checkbox" name="terms" id="terms" value="1" /><br />  
  33.             <input type="submit" name="submit" id="submit" value=" Send! " /><br /><br />  
  34.         </form>  
  35.     </div>  
  36. <?php  
  37. require_once 'php/upload.php';  
  38. if(isset($_POST['submit'])){  
  39.     print '<div class="upload">';  
  40.     upload();  
  41.     print '</div>';  
  42. }  
  43. ?>  
  44. </body>  
  45. </html>  
form.js
  1. jQuery.validator.setDefaults({  
  2.     debug: true,  
  3.     success: "valid"  
  4. });  
  5. $(document).ready(function () {  
  6.     $("form").validate({  
  7.         rules: {  
  8.             eemail: {  
  9.                 required: true,  
  10.                 email: true,  
  11.                 maxlength: 50  
  12.             },  
  13.             cemail: {  
  14.                 required: true,  
  15.                 email: true,  
  16.                 maxlength: 50,  
  17.                 equalTo: "#eemail"  
  18.             },  
  19.             remail: {  
  20.                 required: true,  
  21.                 email: true,  
  22.                 maxlength: 50  
  23.             },  
  24.             subject: {  
  25.                 required: true,  
  26.                 maxlength: 50  
  27.             },  
  28.             terms: "required"  
  29.         },  
  30.         messages: {  
  31.             eemail: {  
  32.                 required: "Please specify your email adress!",  
  33.                 email: "Please give a valid email adress!",  
  34.                 maxlength: "Please make sure that your email adress is not longer than 50 characters."  
  35.             },  
  36.             cemail: {  
  37.                 required: "Please specify your email adress!",  
  38.                 email: "Please give a valid email adress!",  
  39.                 maxlength: "Please make sure that your email adress is not longer than 50 characters."  
  40.             },  
  41.             remail: {  
  42.                 required: "Please specify your email adress!",  
  43.                 email: "Please give a valid email adress!",  
  44.                 maxlength: "Please make sure that your email adress is not longer than 50 characters."  
  45.             },  
  46.             subject: {  
  47.                 required: "Please specify the subject!",  
  48.                 maxlength: "Please make sure that the subject is not longer than 50 characters."  
  49.             },  
  50.             terms: " "  
  51.         }  
  52.     });  
  53. });  
Előre is köszi a segítséget.
‹ IE6 position: absolute; probléma Átméretezhető, scrollbar-os box ›
 ■
1

a steDefault-bol szedd ki a

duplabe · 2009. Aug. 5. (Sze), 22.53
a steDefault-bol szedd ki a debug : true-t