0

フォームは 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の初心者です..これを達成するにはどうすればよいですか?

4

1 に答える 1

0

次のような jQuery 検証プラグインを使用することをお勧めします。

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

于 2012-09-12T14:11:58.033 に答える