javascript - jQuery Validation Engine not working

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>`

<!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>`

Share Improve this question asked Nov 15, 2013 at 14:49 user1 3572 gold badges13 silver badges22 bronze badges

if someone is able to recreate my code on their machine that might be helpful as I'm wondering if there is something else wrong other than syntax. – user1 Commented Nov 15, 2013 at 15:02

Add a ment |

2 Answers 2

Sorted by: Reset to default 4

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

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

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

科技改变生活-雨落星辰 - 所有的伟大,都源于一个勇敢的开始

javascript - jQuery Validation Engine not working - Stack Overflow

2 Answers 2

与本文相关的文章

评论列表(0)