title: Validating a bootstrap 3 radio button in ASP.net form
body: <p>I have been working on this asp.net form getting jquery validation/unobtrusive validation working but have exausted my google.com skills and have yet to find an answer.</p>
  
  <p>I can't seem to get the jquery validation working on the radio buttons. Any help would be greatly apreciated</p>
  
  <p>asp.net code:</p>
  
  <pre><code>&lt;div class="btn-group" data-toggle="buttons"&gt;
      &lt;label class="btn btn-default"&gt;
          @Html.RadioButtonFor(x =&gt; x, true, new Dictionary&lt;string, object&gt; { { "id", "IsMonetary" }, { "data-val", "true" } })
          Add $ amount
      &lt;/label&gt;
      &lt;label class="btn btn-default"&gt;
          @Html.RadioButtonFor(x =&gt; x, false, new Dictionary&lt;string, object&gt; { { "id", "IsNotMonetary" } })
          Not this time jackson
      &lt;/label&gt;
  &lt;/div&gt;
  
  @Html.ValidationMessageFor(x =&gt; x)
  </code></pre>
  
  <p>Output html:</p>
  
  <pre><code>&lt;form action class="form-horizontal" id="recipientForm" role="form" novalidate="novalidate"&gt;
      &lt;div class="form-group"&gt;
          &lt;div class="btn_group" data-toggle="buttons"&gt;
              &lt;label class="btn btn-default"&gt;
                  &lt;input id="IsMonetary" name="IsMonetary" type="radio" data-val="true" data-val-required="*" value="true"&gt;Add $ award&lt;/label&gt;
              &lt;label class="btn btn-default"&gt;
                  &lt;input id="IsNotMonetary" name="IsMonetary" type="radio" value="false" data-val-required="*"&gt;Not this time&lt;/label&gt;
          &lt;/div&gt;
         &lt;span class="field-validation-valid" data-valmsg-for="IsMonetary" data-valmsg-replace="true"&gt;&lt;/span&gt;
      &lt;/div&gt;
      &lt;input id="derp" name="derp" data-val="true" data-val-required=”Required” /&gt;
      &lt;span data-valmsg-for="derp" data-valmsg-replace="true"&gt;&lt;/span&gt;
      &lt;input type="submit" class="btn btn-primary pull-right loading" value="Submit" /&gt;
  &lt;/form&gt;
  </code></pre>
  
  <p>Here is the fiddle: <a href="http://jsfiddle.net/Mutmatt/NPMwh/" rel="nofollow">JSFiddle</a>* Note the external files, if you would like to view them please check: <a href="https://github.com/Mutmatt/fiddle_files" rel="nofollow">Here (github link)</a></p>