Search jQuery

jQuery Forum

Listview Filter within a Form?

in jQuery Mobile • 8 years ago

So I'm trying to enable the Listview Filter within an HTML form but doing so creates nested forms causing other issues. Specifically, then the jQuery Validation plugin get's the wrong form element (even though I specified the correct form ID). Has anyone else run into this and has a workaround? Thanks

http://jsfiddle.net/Panman8201/a45VK/1/ << Check your console log, then change the data-filter to false to see the difference

Replies(2)

watusiware

Re: Listview Filter within a Form?

8 years ago

It will work on some browsers. But, as you point out, it creates an invalid situation, and there is no workaround. You are trying to do something that is invalid in HTML. You can't nest forms.

You can probably work-around structural assumptions made in the jQuery Validation plugin. You will have to search for others that have solved it or else look at the source code.

Panman8201

Re: Listview Filter within a Form?

8 years ago

So what I ended up doing is "moving" the form to wrap the list rather than entire contents, post filter initialization. By doing so, my from is just AFTER the filter form, removing the nesting issue. Not my preferred option but it works.

$( '#the-list' ).wrap( $( '#the-form' ).clone().children().remove().end() );
$( '#the-form' ).contents().unwrap();

http://jsfiddle.net/Panman8201/a45VK/2/

Note: In the fiddle the JavaScript code seems to work but you'd want to "move" the form post-widget initialization. Such as in $(document).on('pageinit', function(){});

Top Reply

Response title

Attachments

jQuery Forum

Listview Filter within a Form?

Replies(2)

Re: Listview Filter within a Form?

Re: Listview Filter within a Form?

Statistics

Tags

Actions