Cant replace form with Iframe error:$form.('iframe') Uncaught SyntaxError: Unexpected token (

JavaScript
1

I can’t replace my form with iframe. Please help


$( document ).ready( function() {

// change the selector below to match your needs
$form = $( '#form' );

$form.submit( function(e) {
    e.preventDefault();

    // perform simple validation; change fields to match your needs
    if ( ( ! inf_field_FirstName ) || ( ! inf_field_LastName ) || ( ! inf_field_Email ) || ( ! inf_field_Phone1 ) ) {
        alert( 'Please complete all fields.' );
    } else {
        // submit data to Infusionsoft via proxy script
        $.post( 'infusionsoft-proxy.php', $form.serialize() )
             .done( function( data ) {
                 $form.replaceWith( '<iframe></iframe>' );
				 
                 $form.( 'iframe' ).contents().find( 'body' ).append( data );
             });
    }
});

});

<form accept-charset="UTF-8" action="" class="infusion-form" id="form" >
    <input name="inf_form_xid" type="hidden" value="117ddf58d99d260d4bcd4a8f7b672577" />
    <input name="inf_form_name" type="hidden" value="register to anewspring" />
    <input name="infusionsoft_version" type="hidden" value="1.58.0.42" />
    <div class="infusion-field">
        <label for="inf_field_FirstName">First Name *</label>
        <input class="infusion-field-input-container" id="inf_field_FirstName" name="inf_field_FirstName" type="text" />
    </div>
    <div class="infusion-field">
        <label for="inf_field_LastName">Last Name *</label>
        <input class="infusion-field-input-container" id="inf_field_LastName" name="inf_field_LastName" type="text" />
    </div>
    <div class="infusion-field">
        <label for="inf_field_Phone1">Phone Number</label>
        <input class="infusion-field-input-container" id="inf_field_Phone1" name="inf_field_Phone1" type="text" />
    </div>
    <div class="infusion-field">
        <label for="inf_field_Email">Email *</label>
        <input class="infusion-field-input-container" id="inf_field_Email" name="inf_field_Email" type="text" />
    </div>
    <div class="infusion-submit">
        <input type="submit"  value="Submit" />
    </div>
</form>
2

You don’t need that ('iframe') part:

$form.contents().find( 'body' ).append( data );
3

This topic was automatically closed 91 days after the last reply. New replies are no longer allowed.