Custom Form Data Save Ajax with validation in Magento

First Create test.php file copy all code and paste in file .Then run on localhost,fisrt time load file thane save data without load save data only one click. YOUR Custom Form :

Email request for lowest price of getName()?>

First Name

Last Name

Email Address

* Required Fields

Copy to Clipboard

<button type=submit title="__('Submit') ?>" class="button">__('Submit') ?> 
<img class=lazyload decoding=async src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-orig-src="getSkinUrl("images/opc-ajax-loader.gif")?>">

YOUR script :
<?php
    //var dataForm = new VarienForm('lowest-form-validate', true);
    //<![CDATA[
    var formId = 'lowest-form-validate';
    var myForm = new VarienForm(formId, true);
    //var postUrl = '';
    var postUrl = "";
    function doAjax() {
        if (myForm.validator.validate()) {
            new Ajax.Updater(
                { success:'formLowestSuccess' }, postUrl, {
                    method:'post',
                    asynchronous:true,
                    evalScripts:false,
                    onComplete:function(request, json) {
                        Element.hide(formId);
                        Element.show('formLowestSuccess');
                    },
                    onLoading:function(request, json){
                        Element.show('formLoader');
                    },
                    parameters: $(formId).serialize(true),
                });
        }}
    new Event.observe(formId, 'submit', function(e){
        e.stop();
        doAjax();
    });
 
//end of javascript code
}}
?>