{"id":13791,"date":"2022-10-05T09:38:43","date_gmt":"2022-10-05T04:08:43","guid":{"rendered":"https:\/\/jassweb.com\/solved\/solved-jquery-validate-plugin-only-one-field-required-out-of-multiple-closed\/"},"modified":"2022-10-05T09:38:43","modified_gmt":"2022-10-05T04:08:43","slug":"solved-jquery-validate-plugin-only-one-field-required-out-of-multiple-closed","status":"publish","type":"post","link":"https:\/\/jassweb.com\/solved\/solved-jquery-validate-plugin-only-one-field-required-out-of-multiple-closed\/","title":{"rendered":"[Solved] jQuery Validate plugin : Only one field required out of multiple [closed]"},"content":{"rendered":"<p> [ad_1]<br \/>\n<\/p>\n<div id=\"answer-15299556\" class=\"answer js-answer accepted-answer js-accepted-answer\" data-answerid=\"15299556\" data-parentid=\"15293332\" data-score=\"3\" data-position-on-page=\"1\" data-highest-scored=\"1\" data-question-has-accepted-highest-score=\"1\" itemprop=\"acceptedAnswer\" itemscope itemtype=\"https:\/\/schema.org\/Answer\">\n<div class=\"post-layout\">\n<div class=\"votecell post-layout--left\"><\/div>\n<div class=\"answercell post-layout--right\">\n<div class=\"s-prose js-post-body\" itemprop=\"text\">\n<p>1)  As per the question you&#8217;ve linked, I constructed <a rel=\"nofollow noopener\" target=\"_blank\" href=\"http:\/\/jsfiddle.net\/hUsjg\/\">this jsFiddle<\/a> using <a rel=\"nofollow noopener\" target=\"_blank\" href=\"http:\/\/docs.jquery.com\/Plugins\/Validation\/validate#toptions\">the <code>depends<\/code> option<\/a> and still see lots of issues.  The rules do not seem to work at all, where both fields are always required.<\/p>\n<p>2)  There is a <code>require_from_group<\/code> rule included in the <code>additional-methods.js<\/code> file.  The two fields must have the same <code>class<\/code> for the rule to target, in this case, <code>.group<\/code>.   But this method <a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/github.com\/jzaefferer\/jquery-validation\/issues\/412\">has some known bugs<\/a> where it disables all of the other rules on the form<\/p>\n<p><strong>DEMO<\/strong>: <a rel=\"nofollow noopener\" target=\"_blank\" href=\"http:\/\/jsfiddle.net\/SvSrR\/\">http:\/\/jsfiddle.net\/SvSrR\/<\/a><\/p>\n<pre><code>$(document).ready(function () {\n\n    $('#myform').validate({ \/\/ initialize the plugin\n        groups: {\n            name: \"telephone mobile\"\n        },\n        rules: {\n            telephone: {\n                require_from_group: [1, '.group']\n            },\n            mobile: {\n                require_from_group: [1, '.group']\n            }\n        }\n    });\n\n});\n<\/code><\/pre>\n<hr>\n<p>3)  Instead, I constructed a custom rule called <code>customrule<\/code> (you can name it however you want) and it&#8217;s working as I believe it should.  I also used the <code>groups<\/code> option to combine the two error messages into one.<\/p>\n<p><strong>Working DEMO:  <a rel=\"nofollow noopener\" target=\"_blank\" href=\"http:\/\/jsfiddle.net\/2g8hL\/\">http:\/\/jsfiddle.net\/2g8hL\/<\/a><\/strong><\/p>\n<pre><code>$(document).ready(function () {\n\n    $.validator.addMethod(\"customrule\", function (value, element) {\n        return (!($(\"#mobile\").val() === '') || !($(\"#telephone\").val() === ''));\n    }, \"please fill out at least one\");\n\n    $('#myform').validate({ \/\/ initialize the plugin\n        groups: {\n            name: \"telephone mobile\"\n        },\n        rules: {\n            telephone: {\n                customrule: true\n            },\n            mobile: {\n                customrule: true\n            }\n        }\n    });\n\n});\n<\/code><\/pre>\n<\/p><\/div>\n<div class=\"mt24\"><\/div>\n<\/div>\n<p>            <span class=\"d-none\" itemprop=\"commentCount\">4<\/span> <\/p><\/div>\n<\/div>\n<p>[ad_2]<\/p>\n<p>solved jQuery Validate plugin : Only one field required out of multiple [closed] <\/p>\n","protected":false},"excerpt":{"rendered":"<p>[ad_1] 1) As per the question you&#8217;ve linked, I constructed this jsFiddle using the depends option and still see lots of issues. The rules do not seem to work at all, where both fields are always required. 2) There is a require_from_group rule included in the additional-methods.js file. The two fields must have the same &#8230; <a title=\"[Solved] jQuery Validate plugin : Only one field required out of multiple [closed]\" class=\"read-more\" href=\"https:\/\/jassweb.com\/solved\/solved-jquery-validate-plugin-only-one-field-required-out-of-multiple-closed\/\" aria-label=\"More on [Solved] jQuery Validate plugin : Only one field required out of multiple [closed]\">Read more<\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[320],"tags":[388,1755,2016],"class_list":["post-13791","post","type-post","status-publish","format-standard","hentry","category-solved","tag-jquery","tag-jquery-validate","tag-ruby-on-rails-3"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v26.5 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>[Solved] jQuery Validate plugin : Only one field required out of multiple [closed] - JassWeb<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/jassweb.com\/solved\/solved-jquery-validate-plugin-only-one-field-required-out-of-multiple-closed\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"[Solved] jQuery Validate plugin : Only one field required out of multiple [closed] - JassWeb\" \/>\n<meta property=\"og:description\" content=\"[ad_1] 1) As per the question you&#8217;ve linked, I constructed this jsFiddle using the depends option and still see lots of issues. The rules do not seem to work at all, where both fields are always required. 2) There is a require_from_group rule included in the additional-methods.js file. The two fields must have the same ... Read more\" \/>\n<meta property=\"og:url\" content=\"https:\/\/jassweb.com\/solved\/solved-jquery-validate-plugin-only-one-field-required-out-of-multiple-closed\/\" \/>\n<meta property=\"og:site_name\" content=\"JassWeb\" \/>\n<meta property=\"article:published_time\" content=\"2022-10-05T04:08:43+00:00\" \/>\n<meta name=\"author\" content=\"Kirat\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Kirat\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"1 minute\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/jassweb.com\/solved\/solved-jquery-validate-plugin-only-one-field-required-out-of-multiple-closed\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/jassweb.com\/solved\/solved-jquery-validate-plugin-only-one-field-required-out-of-multiple-closed\/\"},\"author\":{\"name\":\"Kirat\",\"@id\":\"https:\/\/jassweb.com\/solved\/#\/schema\/person\/65c9c7b7958150c0dc8371fa35dd7c31\"},\"headline\":\"[Solved] jQuery Validate plugin : Only one field required out of multiple [closed]\",\"datePublished\":\"2022-10-05T04:08:43+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/jassweb.com\/solved\/solved-jquery-validate-plugin-only-one-field-required-out-of-multiple-closed\/\"},\"wordCount\":150,\"publisher\":{\"@id\":\"https:\/\/jassweb.com\/solved\/#organization\"},\"keywords\":[\"jquery\",\"jquery-validate\",\"ruby-on-rails-3\"],\"articleSection\":[\"Solved\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/jassweb.com\/solved\/solved-jquery-validate-plugin-only-one-field-required-out-of-multiple-closed\/\",\"url\":\"https:\/\/jassweb.com\/solved\/solved-jquery-validate-plugin-only-one-field-required-out-of-multiple-closed\/\",\"name\":\"[Solved] jQuery Validate plugin : Only one field required out of multiple [closed] - JassWeb\",\"isPartOf\":{\"@id\":\"https:\/\/jassweb.com\/solved\/#website\"},\"datePublished\":\"2022-10-05T04:08:43+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/jassweb.com\/solved\/solved-jquery-validate-plugin-only-one-field-required-out-of-multiple-closed\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/jassweb.com\/solved\/solved-jquery-validate-plugin-only-one-field-required-out-of-multiple-closed\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/jassweb.com\/solved\/solved-jquery-validate-plugin-only-one-field-required-out-of-multiple-closed\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/jassweb.com\/solved\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"[Solved] jQuery Validate plugin : Only one field required out of multiple [closed]\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/jassweb.com\/solved\/#website\",\"url\":\"https:\/\/jassweb.com\/solved\/\",\"name\":\"JassWeb\",\"description\":\"Build High-quality Websites\",\"publisher\":{\"@id\":\"https:\/\/jassweb.com\/solved\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/jassweb.com\/solved\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/jassweb.com\/solved\/#organization\",\"name\":\"Jass Web\",\"url\":\"https:\/\/jassweb.com\/solved\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/jassweb.com\/solved\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/jassweb.com\/wp-content\/uploads\/2021\/02\/jass-website-logo-1.png\",\"contentUrl\":\"https:\/\/jassweb.com\/wp-content\/uploads\/2021\/02\/jass-website-logo-1.png\",\"width\":693,\"height\":132,\"caption\":\"Jass Web\"},\"image\":{\"@id\":\"https:\/\/jassweb.com\/solved\/#\/schema\/logo\/image\/\"}},{\"@type\":\"Person\",\"@id\":\"https:\/\/jassweb.com\/solved\/#\/schema\/person\/65c9c7b7958150c0dc8371fa35dd7c31\",\"name\":\"Kirat\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/jassweb.com\/solved\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/jassweb.com\/solved\/wp-content\/litespeed\/avatar\/1261af3c9451399fa1336d28b98ea3bb.jpg?ver=1775798750\",\"contentUrl\":\"https:\/\/jassweb.com\/solved\/wp-content\/litespeed\/avatar\/1261af3c9451399fa1336d28b98ea3bb.jpg?ver=1775798750\",\"caption\":\"Kirat\"},\"sameAs\":[\"http:\/\/jassweb.com\"],\"url\":\"https:\/\/jassweb.com\/solved\/author\/jaspritsinghghumangmail-com\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"[Solved] jQuery Validate plugin : Only one field required out of multiple [closed] - JassWeb","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/jassweb.com\/solved\/solved-jquery-validate-plugin-only-one-field-required-out-of-multiple-closed\/","og_locale":"en_US","og_type":"article","og_title":"[Solved] jQuery Validate plugin : Only one field required out of multiple [closed] - JassWeb","og_description":"[ad_1] 1) As per the question you&#8217;ve linked, I constructed this jsFiddle using the depends option and still see lots of issues. The rules do not seem to work at all, where both fields are always required. 2) There is a require_from_group rule included in the additional-methods.js file. The two fields must have the same ... Read more","og_url":"https:\/\/jassweb.com\/solved\/solved-jquery-validate-plugin-only-one-field-required-out-of-multiple-closed\/","og_site_name":"JassWeb","article_published_time":"2022-10-05T04:08:43+00:00","author":"Kirat","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Kirat","Est. reading time":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/jassweb.com\/solved\/solved-jquery-validate-plugin-only-one-field-required-out-of-multiple-closed\/#article","isPartOf":{"@id":"https:\/\/jassweb.com\/solved\/solved-jquery-validate-plugin-only-one-field-required-out-of-multiple-closed\/"},"author":{"name":"Kirat","@id":"https:\/\/jassweb.com\/solved\/#\/schema\/person\/65c9c7b7958150c0dc8371fa35dd7c31"},"headline":"[Solved] jQuery Validate plugin : Only one field required out of multiple [closed]","datePublished":"2022-10-05T04:08:43+00:00","mainEntityOfPage":{"@id":"https:\/\/jassweb.com\/solved\/solved-jquery-validate-plugin-only-one-field-required-out-of-multiple-closed\/"},"wordCount":150,"publisher":{"@id":"https:\/\/jassweb.com\/solved\/#organization"},"keywords":["jquery","jquery-validate","ruby-on-rails-3"],"articleSection":["Solved"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/jassweb.com\/solved\/solved-jquery-validate-plugin-only-one-field-required-out-of-multiple-closed\/","url":"https:\/\/jassweb.com\/solved\/solved-jquery-validate-plugin-only-one-field-required-out-of-multiple-closed\/","name":"[Solved] jQuery Validate plugin : Only one field required out of multiple [closed] - JassWeb","isPartOf":{"@id":"https:\/\/jassweb.com\/solved\/#website"},"datePublished":"2022-10-05T04:08:43+00:00","breadcrumb":{"@id":"https:\/\/jassweb.com\/solved\/solved-jquery-validate-plugin-only-one-field-required-out-of-multiple-closed\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/jassweb.com\/solved\/solved-jquery-validate-plugin-only-one-field-required-out-of-multiple-closed\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/jassweb.com\/solved\/solved-jquery-validate-plugin-only-one-field-required-out-of-multiple-closed\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/jassweb.com\/solved\/"},{"@type":"ListItem","position":2,"name":"[Solved] jQuery Validate plugin : Only one field required out of multiple [closed]"}]},{"@type":"WebSite","@id":"https:\/\/jassweb.com\/solved\/#website","url":"https:\/\/jassweb.com\/solved\/","name":"JassWeb","description":"Build High-quality Websites","publisher":{"@id":"https:\/\/jassweb.com\/solved\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/jassweb.com\/solved\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/jassweb.com\/solved\/#organization","name":"Jass Web","url":"https:\/\/jassweb.com\/solved\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/jassweb.com\/solved\/#\/schema\/logo\/image\/","url":"https:\/\/jassweb.com\/wp-content\/uploads\/2021\/02\/jass-website-logo-1.png","contentUrl":"https:\/\/jassweb.com\/wp-content\/uploads\/2021\/02\/jass-website-logo-1.png","width":693,"height":132,"caption":"Jass Web"},"image":{"@id":"https:\/\/jassweb.com\/solved\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"https:\/\/jassweb.com\/solved\/#\/schema\/person\/65c9c7b7958150c0dc8371fa35dd7c31","name":"Kirat","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/jassweb.com\/solved\/#\/schema\/person\/image\/","url":"https:\/\/jassweb.com\/solved\/wp-content\/litespeed\/avatar\/1261af3c9451399fa1336d28b98ea3bb.jpg?ver=1775798750","contentUrl":"https:\/\/jassweb.com\/solved\/wp-content\/litespeed\/avatar\/1261af3c9451399fa1336d28b98ea3bb.jpg?ver=1775798750","caption":"Kirat"},"sameAs":["http:\/\/jassweb.com"],"url":"https:\/\/jassweb.com\/solved\/author\/jaspritsinghghumangmail-com\/"}]}},"_links":{"self":[{"href":"https:\/\/jassweb.com\/solved\/wp-json\/wp\/v2\/posts\/13791","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/jassweb.com\/solved\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/jassweb.com\/solved\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/jassweb.com\/solved\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/jassweb.com\/solved\/wp-json\/wp\/v2\/comments?post=13791"}],"version-history":[{"count":0,"href":"https:\/\/jassweb.com\/solved\/wp-json\/wp\/v2\/posts\/13791\/revisions"}],"wp:attachment":[{"href":"https:\/\/jassweb.com\/solved\/wp-json\/wp\/v2\/media?parent=13791"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/jassweb.com\/solved\/wp-json\/wp\/v2\/categories?post=13791"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/jassweb.com\/solved\/wp-json\/wp\/v2\/tags?post=13791"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}