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/

将验证添加到通过ajax提交的表单

1 个答案: