{"id":105,"date":"2014-01-15T16:33:56","date_gmt":"2014-01-15T14:33:56","guid":{"rendered":"https:\/\/blue-sea-697d.quartiers047.workers.dev:443\/http\/jqueryvalidation.org\/?p=105"},"modified":"2017-07-29T09:36:48","modified_gmt":"2017-07-29T07:36:48","slug":"require_from_group-method","status":"publish","type":"post","link":"https:\/\/blue-sea-697d.quartiers047.workers.dev:443\/https\/jqueryvalidation.org\/require_from_group-method\/","title":{"rendered":"require_from_group method"},"content":{"rendered":"<article id=\"require_from_group1\" class=\"entry method\">\n<h2 class=\"section-title\">\n<span class=\"name\"><\/span><span class=\"returns\">Returns: <a href=\"https:\/\/blue-sea-697d.quartiers047.workers.dev:443\/http\/api.jquery.com\/Types\/#Boolean\">Boolean<\/a><\/span><br \/>\n<\/h2>\n<div class=\"entry-wrapper\">\n<p class=\"desc\"><strong>Description: <\/strong>Ensures a given number of fields in a group are complete.<\/p>\n<ul class=\"signatures\"><\/ul>\n<div class=\"longdesc\" id=\"entry-longdesc\">\n\t\tIn the options passed to the rule, supply the minimum number of fields<br \/>\n\t\twithin the group that must be complete and a selector to define the<br \/>\n\t\tgroup. Then apply this rule to all the fields within the group.<br \/>\n\t\tThe form then cannot be submitted until at least the minimum number have<br \/>\n\t\tbeen completed.<\/p>\n<p>Part of the additional-methods.js file<\/p>\n<\/p><\/div>\n<section class=\"entry-examples\" id=\"entry-examples\">\n<header>\n<h2>Example:<\/h2>\n<\/header>\n<div class=\"entry-example\" id=\"example-0\">\n<h4><span class=\"desc\">Within a group of three phone numbers, ensure at least one is complete.<\/span><\/h4>\n<div class=\"syntaxhighlighter xml \">\n<table>\n<tbody>\n<tr>\n<td class=\"gutter\">\n<div class=\"line n1\">1<\/div>\n<div class=\"line n2\">2<\/div>\n<div class=\"line n3\">3<\/div>\n<div class=\"line n4\">4<\/div>\n<div class=\"line n5\">5<\/div>\n<div class=\"line n6\">6<\/div>\n<div class=\"line n7\">7<\/div>\n<div class=\"line n8\">8<\/div>\n<div class=\"line n9\">9<\/div>\n<div class=\"line n10\">10<\/div>\n<div class=\"line n11\">11<\/div>\n<div class=\"line n12\">12<\/div>\n<div class=\"line n13\">13<\/div>\n<div class=\"line n14\">14<\/div>\n<div class=\"line n15\">15<\/div>\n<div class=\"line n16\">16<\/div>\n<div class=\"line n17\">17<\/div>\n<div class=\"line n18\">18<\/div>\n<div class=\"line n19\">19<\/div>\n<div class=\"line n20\">20<\/div>\n<div class=\"line n21\">21<\/div>\n<div class=\"line n22\">22<\/div>\n<div class=\"line n23\">23<\/div>\n<div class=\"line n24\">24<\/div>\n<div class=\"line n25\">25<\/div>\n<div class=\"line n26\">26<\/div>\n<div class=\"line n27\">27<\/div>\n<div class=\"line n28\">28<\/div>\n<div class=\"line n29\">29<\/div>\n<div class=\"line n30\">30<\/div>\n<div class=\"line n31\">31<\/div>\n<div class=\"line n32\">32<\/div>\n<div class=\"line n33\">33<\/div>\n<div class=\"line n34\">34<\/div>\n<div class=\"line n35\">35<\/div>\n<div class=\"line n36\">36<\/div>\n<div class=\"line n37\">37<\/div>\n<div class=\"line n38\">38<\/div>\n<div class=\"line n39\">39<\/div>\n<div class=\"line n40\">40<\/div>\n<div class=\"line n41\">41<\/div>\n<div class=\"line n42\">42<\/div>\n<div class=\"line n43\">43<\/div>\n<div class=\"line n44\">44<\/div>\n<div class=\"line n45\">45<\/div>\n<div class=\"line n46\">46<\/div>\n<\/td>\n<td class=\"code\">\n<pre><div class=\"container\"><div class=\"line\"><code><span class=\"doctype\">&lt;!doctype html&gt;<\/span>\r<\/code><\/div><\/div><div class=\"container\"><div class=\"line\"><code><span class=\"tag\">&lt;<span class=\"title\">html<\/span>&gt;<\/span>\r<\/code><\/div><\/div><div class=\"container\"><div class=\"line\"><code><span class=\"tag\">&lt;<span class=\"title\">head<\/span>&gt;<\/span>\r<\/code><\/div><\/div><div class=\"container\"><div class=\"line\"><code><span class=\"tag\">&lt;<span class=\"title\">meta<\/span> <span class=\"attribute\">charset<\/span>=<span class=\"value\">&quot;utf-8&quot;<\/span>&gt;<\/span>\r<\/code><\/div><\/div><div class=\"container\"><div class=\"line\"><code><span class=\"tag\">&lt;<span class=\"title\">title<\/span>&gt;<\/span>Within a group of three phone numbers, ensure at least one is complete.<span class=\"tag\">&lt;\/<span class=\"title\">title<\/span>&gt;<\/span>\r<\/code><\/div><\/div><div class=\"container\"><div class=\"line\"><code><span class=\"tag\">&lt;<span class=\"title\">link<\/span> <span class=\"attribute\">rel<\/span>=<span class=\"value\">&quot;stylesheet&quot;<\/span> <span class=\"attribute\">href<\/span>=<span class=\"value\">&quot;https:\/\/blue-sea-697d.quartiers047.workers.dev:443\/https\/jqueryvalidation.org\/files\/demo\/site-demos.css&quot;<\/span>&gt;<\/span>\r<\/code><\/div><\/div><div class=\"container\"><div class=\"line\"><code> <\/code><\/div><\/div><div class=\"container\"><div class=\"line\"><code><span class=\"tag\">&lt;\/<span class=\"title\">head<\/span>&gt;<\/span>\r<\/code><\/div><\/div><div class=\"container\"><div class=\"line\"><code><span class=\"tag\">&lt;<span class=\"title\">body<\/span>&gt;<\/span>\r<\/code><\/div><\/div><div class=\"container\"><div class=\"line\"><code><span class=\"tag\">&lt;<span class=\"title\">form<\/span> <span class=\"attribute\">id<\/span>=<span class=\"value\">&quot;myform&quot;<\/span>&gt;<\/span>\r<\/code><\/div><\/div><div class=\"container\"><div class=\"line\"><code><span class=\"tag\">&lt;<span class=\"title\">label<\/span> <span class=\"attribute\">for<\/span>=<span class=\"value\">&quot;mobile_phone&quot;<\/span>&gt;<\/span>Mobile phone: <span class=\"tag\">&lt;\/<span class=\"title\">label<\/span>&gt;<\/span>\r<\/code><\/div><\/div><div class=\"container\"><div class=\"line\"><code><span class=\"tag\">&lt;<span class=\"title\">input<\/span> <span class=\"attribute\">class<\/span>=<span class=\"value\">&quot;left phone-group&quot;<\/span> <span class=\"attribute\">id<\/span>=<span class=\"value\">&quot;mobile_phone&quot;<\/span> <span class=\"attribute\">name<\/span>=<span class=\"value\">&quot;mobile_phone&quot;<\/span>&gt;<\/span>\r<\/code><\/div><\/div><div class=\"container\"><div class=\"line\"><code><span class=\"tag\">&lt;<span class=\"title\">br<\/span>\/&gt;<\/span>\r<\/code><\/div><\/div><div class=\"container\"><div class=\"line\"><code><span class=\"tag\">&lt;<span class=\"title\">label<\/span> <span class=\"attribute\">for<\/span>=<span class=\"value\">&quot;home_phone&quot;<\/span>&gt;<\/span>Home phone: <span class=\"tag\">&lt;\/<span class=\"title\">label<\/span>&gt;<\/span>\r<\/code><\/div><\/div><div class=\"container\"><div class=\"line\"><code><span class=\"tag\">&lt;<span class=\"title\">input<\/span> <span class=\"attribute\">class<\/span>=<span class=\"value\">&quot;left phone-group&quot;<\/span> <span class=\"attribute\">id<\/span>=<span class=\"value\">&quot;home_phone&quot;<\/span> <span class=\"attribute\">name<\/span>=<span class=\"value\">&quot;home_phone&quot;<\/span>&gt;<\/span>\r<\/code><\/div><\/div><div class=\"container\"><div class=\"line\"><code><span class=\"tag\">&lt;<span class=\"title\">br<\/span>\/&gt;<\/span>\r<\/code><\/div><\/div><div class=\"container\"><div class=\"line\"><code><span class=\"tag\">&lt;<span class=\"title\">label<\/span> <span class=\"attribute\">for<\/span>=<span class=\"value\">&quot;work_phone&quot;<\/span>&gt;<\/span>Work phone: <span class=\"tag\">&lt;\/<span class=\"title\">label<\/span>&gt;<\/span>\r<\/code><\/div><\/div><div class=\"container\"><div class=\"line\"><code><span class=\"tag\">&lt;<span class=\"title\">input<\/span> <span class=\"attribute\">class<\/span>=<span class=\"value\">&quot;left phone-group&quot;<\/span> <span class=\"attribute\">id<\/span>=<span class=\"value\">&quot;work_phone&quot;<\/span> <span class=\"attribute\">name<\/span>=<span class=\"value\">&quot;work_phone&quot;<\/span>&gt;<\/span>\r<\/code><\/div><\/div><div class=\"container\"><div class=\"line\"><code><span class=\"tag\">&lt;<span class=\"title\">br<\/span>\/&gt;<\/span>\r<\/code><\/div><\/div><div class=\"container\"><div class=\"line\"><code><span class=\"tag\">&lt;<span class=\"title\">input<\/span> <span class=\"attribute\">type<\/span>=<span class=\"value\">&quot;submit&quot;<\/span> <span class=\"attribute\">value<\/span>=<span class=\"value\">&quot;Validate!&quot;<\/span>&gt;<\/span>\r<\/code><\/div><\/div><div class=\"container\"><div class=\"line\"><code><span class=\"tag\">&lt;\/<span class=\"title\">form<\/span>&gt;<\/span>\r<\/code><\/div><\/div><div class=\"container\"><div class=\"line\"><code><span class=\"tag\">&lt;<span class=\"title\">script<\/span> <span class=\"attribute\">src<\/span>=<span class=\"value\">&quot;https:\/\/blue-sea-697d.quartiers047.workers.dev:443\/https\/code.jquery.com\/jquery-1.11.1.min.js&quot;<\/span>&gt;<\/span><span class=\"javascript\"><\/span><span class=\"tag\">&lt;\/<span class=\"title\">script<\/span>&gt;<\/span>\r<\/code><\/div><\/div><div class=\"container\"><div class=\"line\"><code><span class=\"tag\">&lt;<span class=\"title\">script<\/span> <span class=\"attribute\">src<\/span>=<span class=\"value\">&quot;https:\/\/blue-sea-697d.quartiers047.workers.dev:443\/https\/cdn.jsdelivr.net\/jquery.validation\/1.16.0\/jquery.validate.min.js&quot;<\/span>&gt;<\/span><span class=\"javascript\"><\/span><span class=\"tag\">&lt;\/<span class=\"title\">script<\/span>&gt;<\/span>\r<\/code><\/div><\/div><div class=\"container\"><div class=\"line\"><code><span class=\"tag\">&lt;<span class=\"title\">script<\/span> <span class=\"attribute\">src<\/span>=<span class=\"value\">&quot;https:\/\/blue-sea-697d.quartiers047.workers.dev:443\/https\/cdn.jsdelivr.net\/jquery.validation\/1.16.0\/additional-methods.min.js&quot;<\/span>&gt;<\/span><span class=\"javascript\"><\/span><span class=\"tag\">&lt;\/<span class=\"title\">script<\/span>&gt;<\/span>\r<\/code><\/div><\/div><div class=\"container\"><div class=\"line\"><code><span class=\"tag\">&lt;<span class=\"title\">script<\/span>&gt;<\/span><span class=\"javascript\">\r<\/span><\/code><\/div><\/div><div class=\"container\"><div class=\"line\"><code><span class=\"comment\">\/\/ just for the demos, avoids form submit<\/span>\r<\/code><\/div><\/div><div class=\"container\"><div class=\"line\"><code>jQuery.validator.setDefaults({\r<\/code><\/div><\/div><div class=\"container\"><div class=\"line\"><code>  debug: <span class=\"literal\">true<\/span>,\r<\/code><\/div><\/div><div class=\"container\"><div class=\"line\"><code>  success: <span class=\"string\">&quot;valid&quot;<\/span>\r<\/code><\/div><\/div><div class=\"container\"><div class=\"line\"><code>});\r<\/code><\/div><\/div><div class=\"container\"><div class=\"line\"><code>$( <span class=\"string\">&quot;#myform&quot;<\/span> ).validate({\r<\/code><\/div><\/div><div class=\"container\"><div class=\"line\"><code>  rules: {\r<\/code><\/div><\/div><div class=\"container\"><div class=\"line\"><code>    mobile_phone: {\r<\/code><\/div><\/div><div class=\"container\"><div class=\"line\"><code>      require_from_group: [<span class=\"number\">1<\/span>, <span class=\"string\">&quot;.phone-group&quot;<\/span>]\r<\/code><\/div><\/div><div class=\"container\"><div class=\"line\"><code>    },\r<\/code><\/div><\/div><div class=\"container\"><div class=\"line\"><code>    home_phone: {\r<\/code><\/div><\/div><div class=\"container\"><div class=\"line\"><code>      require_from_group: [<span class=\"number\">1<\/span>, <span class=\"string\">&quot;.phone-group&quot;<\/span>]\r<\/code><\/div><\/div><div class=\"container\"><div class=\"line\"><code>    },\r<\/code><\/div><\/div><div class=\"container\"><div class=\"line\"><code>    work_phone: {\r<\/code><\/div><\/div><div class=\"container\"><div class=\"line\"><code>      require_from_group: [<span class=\"number\">1<\/span>, <span class=\"string\">&quot;.phone-group&quot;<\/span>]\r<\/code><\/div><\/div><div class=\"container\"><div class=\"line\"><code>    }\r<\/code><\/div><\/div><div class=\"container\"><div class=\"line\"><code>  }\r<\/code><\/div><\/div><div class=\"container\"><div class=\"line\"><code>});\r<\/code><\/div><\/div><div class=\"container\"><div class=\"line\"><code><span class=\"tag\">&lt;\/<span class=\"title\">script<\/span>&gt;<\/span>\r<\/code><\/div><\/div><div class=\"container\"><div class=\"line\"><code><span class=\"tag\">&lt;\/<span class=\"title\">body<\/span>&gt;<\/span>\r<\/code><\/div><\/div><div class=\"container\"><div class=\"line\"><code><span class=\"tag\">&lt;\/<span class=\"title\">html<\/span>&gt;<\/span>\r<\/code><\/div><\/div><\/pre>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n<h4>Demo:<\/h4>\n<div class=\"demo code-demo\"><\/div>\n<\/div>\n<\/section>\n<\/div>\n<\/article>\n","protected":false},"excerpt":{"rendered":"<p>Ensures a given number of fields in a group are complete.<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[2],"tags":[],"class_list":["post-105","post","type-post","status-publish","format-standard","hentry","category-methods"],"_links":{"self":[{"href":"https:\/\/blue-sea-697d.quartiers047.workers.dev:443\/https\/jqueryvalidation.org\/wp-json\/wp\/v2\/posts\/105"}],"collection":[{"href":"https:\/\/blue-sea-697d.quartiers047.workers.dev:443\/https\/jqueryvalidation.org\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blue-sea-697d.quartiers047.workers.dev:443\/https\/jqueryvalidation.org\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blue-sea-697d.quartiers047.workers.dev:443\/https\/jqueryvalidation.org\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/blue-sea-697d.quartiers047.workers.dev:443\/https\/jqueryvalidation.org\/wp-json\/wp\/v2\/comments?post=105"}],"version-history":[{"count":11,"href":"https:\/\/blue-sea-697d.quartiers047.workers.dev:443\/https\/jqueryvalidation.org\/wp-json\/wp\/v2\/posts\/105\/revisions"}],"predecessor-version":[{"id":493,"href":"https:\/\/blue-sea-697d.quartiers047.workers.dev:443\/https\/jqueryvalidation.org\/wp-json\/wp\/v2\/posts\/105\/revisions\/493"}],"wp:attachment":[{"href":"https:\/\/blue-sea-697d.quartiers047.workers.dev:443\/https\/jqueryvalidation.org\/wp-json\/wp\/v2\/media?parent=105"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blue-sea-697d.quartiers047.workers.dev:443\/https\/jqueryvalidation.org\/wp-json\/wp\/v2\/categories?post=105"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blue-sea-697d.quartiers047.workers.dev:443\/https\/jqueryvalidation.org\/wp-json\/wp\/v2\/tags?post=105"}],"curies":[{"name":"wp","href":"https:\/\/blue-sea-697d.quartiers047.workers.dev:443\/https\/api.w.org\/{rel}","templated":true}]}}