Once clicking button, wanting to prevent submission to local storage if any required fields are not filled out. Both functions work properly. Just trying to prevent LocalStorage.save() from hitting if $("#formID").validationEngine(); finds a required field not pleted.

<form id="formID" name="myForm">    

 <input class="validate[required]" type="text" id="agree" name="agree"/>         
 <button type="submit" value="Save" id="Save" onclick="clicked();">Submit Survey</button>

</form>

<script type="text/javascript">   
  function clicked() {
        if (confirm('Are you sure you want to submit?')) {

           $("#formID").validationEngine();               
           my.LocalStorage.save();

        } else {
            return false;
        }
    }
 </script>  

Once clicking button, wanting to prevent submission to local storage if any required fields are not filled out. Both functions work properly. Just trying to prevent LocalStorage.save() from hitting if $("#formID").validationEngine(); finds a required field not pleted.

<form id="formID" name="myForm">    

 <input class="validate[required]" type="text" id="agree" name="agree"/>         
 <button type="submit" value="Save" id="Save" onclick="clicked();">Submit Survey</button>

</form>

<script type="text/javascript">   
  function clicked() {
        if (confirm('Are you sure you want to submit?')) {

           $("#formID").validationEngine();               
           my.LocalStorage.save();

        } else {
            return false;
        }
    }
 </script>  

• javascript
• jquery
• html
• validation

• 2 Does validationEngine() return a pass/fail boolean? – Code Maverick Commented Nov 15, 2013 at 15:48
• i believe so but not pletely sure. github./posabsolute/jQuery-Validation-Engine/blob/master/js/… – user1 Commented Nov 15, 2013 at 15:51
• @Scott no, but validationEngine('validate') does – Ennui Commented Nov 15, 2013 at 15:57

2 Answers 2

From their documentation at http://posabsolute.github.io/jQuery-Validation-Engine/:

validate

Validates a form or field, displays error prompts accordingly.
Returns true if the form validates, false if it contains errors.

It is inversed for fields, it return false on validate and true on errors.

When using form validation with ajax, it returns undefined, the result is delivered asynchronously via function options.onAjaxFormComplete.

// form validation 
alert( $("#formID1").validationEngine('validate') );

// field validation 
alert( $("#emailInput").validationEngine('validate') );

So that would change your code to:

function clicked (e) 
{
    if ( confirm('Are you sure you want to submit?') ) 
       if ( $("#formID").validationEngine('validate') )
           my.LocalStorage.save();

    e.preventDefault();  
}

Take note that I added e as a parameter that needs event passed in via:

<button type="submit" value="Save" id="Save" onclick="clicked(event);">
    Submit Survey
</button>

From source code there is a function validate() which returns true/false after validating

so use it

if( $("#formID1").validationEngine('validate'))
{
my.LocalStorage.save();
}

check this http://www.position-absolute./articles/jquery-form-validator-because-form-validation-is-a-mess/