Passing Form Data

mojoReq(js) can accept form field data entered by user on a form field using the data object reference.

Example below shows how to extract the form input fields & pass the data to mojoReq(js) plugin for checkout.

Usage

$.fn.mojoPay({

    data: {
        buyer_name: 'payer-name',
        email: 'payer-email',
        phone: 'payer-phone'
    }

});

or

$.fn.mojoReq.defaults.data.buyer_name = 'payer-name';
$.fn.mojoReq.defaults.data.email = 'payer-email';
$.fn.mojoReq.defaults.data.phone = 'payer-phone';

Example Checkout Form.

Create form fields to include users data & pass to $.fn.mojoReq() function for Instamojo checkout.

<form>
    <label>Name</label>
    <input name="buyer_name" type="text"/>
    <label>Email</label>
    <input name="email" type="email"/>
    <label>Phone</label>
    <input name="phone" type="text"/>

    <!-- button with unique classname or id -->
    <button class="unique-classname" type="button">Pay with Instamojo</button>
</form>

mojoCheckout(js) Setup: Accept Form Fields.

<script>
// your secret keys (please obfuscate)
$(function(){
    $.fn.mojoReq.defaults.data.api_key    = 'YOUR-API-KEY';
    $.fn.mojoReq.defaults.data.auth_token = 'YOUR-AUTH-TOKEN';
});
</script>
<script>
$(function(){

    // assign 'click' event at form button
    $('.unique-classname').on( 'click' , function( event ){

        // prevents default button behavior
        event.preventDefault();

        // init instamojo checkout
        $.fn.mojoReq({

            // required setup
            sandbox : true,
            
            data: {

                // include form field data
                buyer_name   : $('[name=buyer_name]').val(),
                email        : $('[name=email]').val(),
                phone        : $('[name=phone]').val(),
                amount       : '1000.00',
                purpose      : 'Download Awesome Blogger Theme',
                redirect_url : 'https://your.domain.name/success.html',

            }

        });
    });

});
</script>

$.fn.mojoReq() says... buyer_name , email, phone are reserved nested data objects.