Search jQuery

jQuery Forum

Screen name:
bartours

bartours's Profile

2 Posts

4 Responses

0 Followers

Activity Trend

Last 30 days

Loading Chart...

Show:

Expanded view
List view

[SOLVED] jquery validate - Cannot call method 'call' of undefined
[3Replies]
- 14-May-2014 06:51 AM
- Forum: Using jQuery Plugins
Good afternoon,

I think i found a bug with a cutom validation rule.
When the form is submited without modify any field, the custom rule is called. But if you set email field and give a password, you get an error (tests realised with chrome) :

Uncaught TypeError: Cannot call method 'call' of undefined
1. a.extend.checkjquery.validate.min.js:4
2. a.extend.elementjquery.validate.min.js:4
3. a.extend.defaults.java-scriptjquery.validate.min.js:4
4. bjquery.validate.min.js:4
5. a.extend.validateDelegatejquery.validate.min.js:4
6. m.event.dispatchjquery.min.js:3
7. m.event.add.r.handlejquery.min.js:3
I tried different versions of jquery and jquery validation, it is the same. I created a minimal code to reproduce it.
Can you help me ? Thanks in advance :)
1. <!doctype html>
2. <html>
3. <head><title></title>
5. <script src="jquery.min.js"></script>
6. <script src="jquery.validate.min.js"></script>
8. </head>
9. <body>
10. <script>
11. $(document).ready(function(){
13. function completed()
14. {
15. return $("#aaa ul li").length == $(".aaa_selectedValue").length;
16. }
18. jQuery.validator.addMethod("isCompleted", function(value, element) {
19. return completed();
20. }, "Not finished");
22. $("#formConnection").validate({
23. ignore: ':hidden:not("#resultId")',
24. rules: {
25. login: { required: true, email:true },
26. pwd: { required: true, password: true },
27. result: {isCompleted : true}
28. }
29. });
33. });
34. </script>
36. <form id="formConnection" action="" method="post" novalidate="novalidate">
37. <label>E-mail *</label>
38. <input type="text" name="login" value="">
40. <label>Mot de passe *</label>
41. <input type="password" name="pwd">
43. <div id="aaa">
44. <ul><li class="aaa_selection">a</li><li>b</li></ul>
45. </div>
47. <input type="hidden" name="result" id="resultId" value="">
49. <input type="submit" id="btnConnection" name="validate" value="Connexion">
51. </form>
53. </body></html>
[MODERATOR: ADDED THE PAGE TO THE POST]
Attachments
- jqueryValCM.zip
  
  Size: 38.54 KB Downloads: 1155

Issue on resizable div with scrollbar
[7Replies]
- 24-Feb-2013 10:35 AM
- Forum: Using jQuery UI
Good afternoon,

I have an issue on resizable div with overflow property : if you scroll down (or right), icon (in the bottom right corner) positions don't follow scrollbar.

This is a sample :
1. <!doctype html>
2. <html lang="en">
3. <head>
4. <meta charset="utf-8" />
5. <title>jQuery UI Resizable - Default functionality</title>
6. <link rel="stylesheet" href="http://code.jquery.com/ui/1.10.1/themes/base/jquery-ui.css" />
7. <script src="http://code.jquery.com/jquery-1.9.1.js"></script>
8. <script src="http://code.jquery.com/ui/1.10.1/jquery-ui.js"></script>
9. <link rel="stylesheet" href="/resources/demos/style.css" />
10. <style>
11. #resizable { width: 150px; height: 150px; padding: 0.5em; overflow:auto;}
12. #resizable h3 { text-align: center; margin: 0; }
13. </style>
14. <script>
15. $(function() {
16. $( "#resizable" ).resizable();
17. });
18. </script>
19. </head>
20. <body>
21. <div id="resizable" class="ui-widget-content">
22. <h3 class="ui-widget-header">Resizable</h3>
23. sydsadsad sad sa re otz tj lkdsjflksajdsa jdsajewq jusjfdsylkfjdslkfjdslitrewoirjewpomdscposjfdsoi jfdslkfjdslk jfdslk jfdslkfjldskjflewi dsgf ztr zd
24. </div>
25. </body>
26. </html>
Is it possible to modify this behavior ?

Thanks in advance for your answer

«Prev
Next »

Response title

Attachments

jQuery Forum

Activity Trend