ajaxForm using Spry validation

Question

I am trying to use spry validation with ajaxForm. The problem is I don't think my forcing spry validation at time of beforeSubmit is finding the form. I'm not getting any errors, seems like beforeSubmit isn't firing because it can't find the form, "form1"

$("#form1").ajaxForm({
        url: "processPhoneEdit.php",
        beforeSubmit: function(){
            if (Spry) { // checks if Spry is used in your page
                var r = Spry.Widget.Form.validate(form1); // validates the form
                    if (r) 
                        alert("testing");
                        return (r);

            } 
        },
        success: alert("success"),
        complete: alert("complete")
});

http://abcoder.com/javascript/using-dreamweaver-spry-validation-with-jquery-ajax-form-plugin/ This is what I am trying to explain and say. — local idiot, Jul 14 '11 at 21:15

score 1 · Answer 1 · answered Nov 13 '11 at 08:46

I'm not much of a programmer, but this was my solution:

    // Submit button is clicked
    $("#submitShipment").click(function () 
    {

        // Spry validation:  if true
        if (Spry.Widget.Form.validate(form1) == true)
            {

                // opens the Please Wait dialog
                $('#dialogPleaseWait').dialog('open');
                // disables the submit button
                $('#submitShipment').button('disable');
                // Posts form to callback page, serializes the form into a URL string and waits for a result (success / fail)
                $.get("callbacks/insertShipment.asp", $("#form1").serialize(), insertCallback);

            } 
            else  // Spry validation:  if false
            {
                // opens jQuery UI dialog to inform user Validation failed
                $('#dialogDespatchValFail').dialog('open');
            }

    });

score 0 · Answer 2 · answered Jul 10 '12 at 17:09

Try this..

$("#form1").ajaxForm({
            target:'#some_div',
            url:'processPhoneEdit.php',
            clearForm: 'true',
            beforeSubmit: function(formData, jqForm, options){
            if (Spry) { // checks if Spry is used in your page
                r = Spry.Widget.Form.validate(jqForm[0]); // validates the form
                if (!r) {
                    return r;
                }
            }
            if(r)   {
                $('#submit').attr({
                    'disabled':'disabled',
                    'value':'Processing. Please Wait...'
                });     
            }
            },
            success: function() {
                $('#form1').hide();
            } 
        });

ajaxForm using Spry validation

2 Answers2