Validate inputs that are not inside a form with jQuery Validation plugin [closed]

by

The previously accepted answer (since deleted) was linking to a plugin that was last updated in January 2009. This obsolete plugin is very different than the plugin the OP was asking about:

Title: “Validate inputs that are not inside a form with jQuery Validation plugin“

Tag: jquery-validate

Using the jQuery Validate plugin, you cannot validate input elements that are contained outside of a <form></form> container. There is no workaround for this limitation.

DEMO 1: Shows the proper usage with a form container.

<form id="myform">
    <input type="text" name="myinput" />
    <input type="submit" />
</form>

http://jsfiddle.net/nswnomn6/

DEMO 2: Shows the form container changed into a div and the same code is now totally broken. The plugin does nothing without a form container.

<div id="myform">
    <input type="text" name="myinput" />
    <input type="submit" />
</div>

http://jsfiddle.net/nswnomn6/1/

Your only alternative would be to use a different jQuery plugin for form validation. Unfortunately, I know of no jQuery form validation plugin that would allow you to validate input elements outside of a <form> container.

More Related Contents:

  1. jQuery Validate Plugin – How to create a simple custom rule?
  2. How to manually trigger validation with jQuery validate?
  3. jquery validate plugin on dynamic form inputs not working
  4. Dynamic jQuery Validate error messages with AddMethod based on the element
  5. jQuery Validation using the class instead of the name value
  6. JavaScript Detecting Valid Dates
  7. jQuery validate plugin on DIV
  8. jquery validate check at least one checkbox
  9. Best way to validate date string format via jQuery
  10. how to check if a form is valid programmatically using jQuery Validation Plugin
  11. jQuery validate – set conditional rules based on user selection
  12. Uncaught TypeError: Cannot read property ‘call’ of undefined
  13. Validate Dynamically Added Input fields
  14. Stop form refreshing page on submit
  15. Variable doesn’t get returned from AJAX function
  16. TypeError: p.easing[this.easing] is not a function
  17. Rails 5: how to use $(document).ready() with turbo-links
  18. JavaScript – head, body or jQuery?
  19. How do I replace the entire HTML node using jQuery
  20. Change URL and redirect using jQuery
  21. How do I drag multiple elements at once with JavaScript or jQuery?
  22. Difference between screen.availHeight and window.height()
  23. Simulate drop file event
  24. can phantomjs work with node.js?
  25. make readonly/disable tinymce textarea
  26. Chrome Extension “Refused to load the script because it violates the following Content Security Policy directive”
  27. Creating a JSON dynamically with each input value using jquery
  28. JavaScript validation issue with international characters
  29. AngularJS event on window innerWidth size change
  30. How to replace the entire html webpage with ajax response?

Leave a Comment