jQuery Validation Engine not working

Question

Trying to use the jQuery validation engine for 1 text field. For some reason It's not doing anything. I don't any errors to work off. If anyone see's something missing or out of place, I'd appreciate it.`

<!DOCTYPE html>
<html>
<head>

<meta charset="UTF-8" />

 <script src='jquery-1.11.0.min.js'></script>
<script src="jQuery-Validation-Engine-master/js/languages/jquery.validationEngine-en.js" type="text/javascript" charset="utf-8"></script>
<script src="jQuery-Validation-Engine-master/js/jquery.validationEngine.js" type="text/javascript" charset="utf-8"></script>

<link rel="stylesheet" href="jQuery-Validation-Engine-master/css/validationEngine.jquery.css" type="text/css"/> 

</head> 
<body>

<form id="formID" name="myForm" method="post" action="submit.action">     

     <input class="validate[required]" type="text" id="agree" name="agree"/>         
     <button type="button" 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?')) {
            $("#form.id").validationEngine();               

        } else {
            return false;
        }
    }

 </script>  
</body>
</html>`

Answer 1

You should initialize validationEngine like so and not in a onclick function:

$(document).ready(function(){
    $("#formID").validationEngine(); 
});

Answer 2

Your selector is wrong

change:

$("#form.id").validationEngine();

$("#form.id") --> refers to element with id form and class id

to:

$("#formID").validationEngine();

Read # id selector

jQuery Validation Engine not working

Question

2 answers

solution1
4 ACCPTED 2013-11-15 14:52:10

solution2
3 2013-11-15 14:51:49

jQuery Validation Engine not working

Question

2 answers

solution1 4 ACCPTED 2013-11-15 14:52:10

solution2 3 2013-11-15 14:51:49

solution1
4 ACCPTED 2013-11-15 14:52:10

solution2
3 2013-11-15 14:51:49