Response title
This is preview!
Move this topic
[jQuery Validation Plugin] Conflict with Film_Roll plugin when adding a .rules to an element
in Using jQuery Plugins
•
9 years ago
Hello,
I am using the Film_Roll plugin (https://github.com/straydogstudio/film_roll)
It stops working when I try to add a rule to an element as indicated in: http://jqueryvalidation.org/rules
I have tried inserting the code in different places but it always breaks the Film_Roll plugin.
If you need any more info, please let me know.
1
Replies(8)
Sounds like you have a syntax error that prevents the scripts from running.
Pick the right tool for your browser…
JΛ̊KE
Debugging JavaScript - Chrome DevTools — Google Developers
JavaScript Debugger and Profiler : Firebug
JavaScript Debugger and Profiler : Firebug
JΛ̊KE
Leave a comment on jakecigar's reply
Well, I found a temporary fix. I am running the code only on the web page i need it to run by selecting its class, as follows:
- if (jQuery('.page-id-26801').length > 0) {
- jQuery( "#featuredImage" ).rules( "add", {
- required: true,
- messages: {
- required: "Insert message here"
- }
- });
- }
- Uncaught TypeError: Cannot read property 'form' of undefined
Does this mean, I must run the validate plugin only where needed?
Leave a comment on Roberto Ortis's reply
Do you use more than one version of jQuery on your page? That would cause problems.
I can’t tell where this comes from without seeing the page in action.
JΛ̊KE
Uncaught TypeError: Cannot read property 'form' of undefined
JΛ̊KE
Leave a comment on jakecigar's reply
I am using only jQuery v1.10.2
The error comes from every one of the pages that do not have a form.
The page that does have the form, has no errors.
Leave a comment on Roberto Ortis's reply
- if (document.forms.length && jQuery('.page-id-26801').length)
?
JΛ̊KE
Leave a comment on jakecigar's reply
When I use the if statement to indicate where to run the plugin, I have no errors.
However, I want to know (when not using the if statement) if it is a normal behavior to have an error in every page where there is no form.
Leave a comment on Roberto Ortis's reply
I have never tried validate without having a form on the page. Try a simple one to see if it always fails.
JΛ̊KE
JΛ̊KE
Leave a comment on jakecigar's reply
Well, I tried it. I can do a normal validation on a form (that is not present on the page) without any additional rules to an element and there are no errors. However, an error shows up whenever I try to add a rule to an element (only if the form is not present).
This is how I am using it:
- if (jQuery('.page-id-26801').length > 0) {
- jQuery("#primaryPostForm").validate({
- rules: {
- postTitle: {
- required: true,
- minlength: 8
- },
- postContent: {
- required: true,
- minlength: 2
- }
- },
- messages: {
- postTitle: {
- required: "custom message"
- },
- postContent: {
- required: "custom message"
- }
- },
- submitHandler: function(form) {
- document.getElementById('submitpost').value='new value...';
- document.getElementById('submitpost').disabled='disable';
- form.submit();
- }
- });
- jQuery( "#featuredImage" ).rules( "add", {
- required: true,
- messages: {
- required: "custom message"
- }
- });
- }
Leave a comment on Roberto Ortis's reply
Change topic type
Link this topic
Provide the permalink of a topic that is related to this topic
Reply to Roberto Ortis's question