將驗證添加到通過ajax提交的表單

Question

表單通過ajax提交。

function post(url,formId) { 
    jQuery.post(url, jQuery('#' + formId).serialize(), function(d) { 
     jQuery("#response").load("<?php echo get_bloginfo('wpurl').'/success.php'; ?>", function() { Cufon.refresh(); }); 
    }); 
} 

我有這種形式

<form name="checkout_address" method="post" id="shippingF" 
    onsubmit="post('/process.php','shippingF');return false;"> 
    <div id="shipping-userdetails"> 
    <fieldset> 
    <legend>Recipient Details</legend> 
    <div> 
    <label for="uname">Company:</label> 
    <input type="text" name="company" value=""> 
    </div> 

    <div> 
    <label for="firstname">First Name: </label> <input type="text" id="firstname" name="firstname" value="" size="50"> 
    </div> 

    <div> 
    <label for="lastname">Last Name: </label> <input type="text" id="lastname" name="lastname" value="" size="50"> 
    </div> 

    <div> 
    <label for="email">Email: </label> <input type="text" id="email" name="email" value="" size="50"> 
    </div> 
    </fieldset> 
    </div> 
    <input type="submit" value="submit"> 
    </form> 

現在，我想在窗體上添加驗證，這樣，在表單提交之前，應該先驗證。 如果窗體上有錯誤，錯誤文本將顯示在錯誤字段的下面，並且表單未提交。

我是一個新手在jquery ..如何做到這一點？

Answer 1

我會建議在插件使用jQuery驗證這樣的：

http://bassistance.de/jquery-plugins/jquery-plugin-validation/