CODEWITHSUNDEEP
javascriptjqueryhtmlvalidation
dramaqueen
dramaqueen

Reputation: 31

Validate if radio button was checked?

I have the scripts below to validate text field..

< script src = "https://img.en25.com/i/livevalidation_standalone.compressed.js"
type = "text/javascript" >

< script type = "text/javascript" >
  var dom1 = document.querySelector('#form3471 #field1');
var field1 = new LiveValidation(dom1, {
  validMessage: "",
  onlyOnBlur: false,
  wait: 300
});

field1.add(Validate.Presence, {
  failureMessage: "This field is required"
}); 
< /script>
<form method="post" name="" action="https://s1788.t.eloqua.com/e/f2" onsubmit="setTimeout(function(){if(document.querySelector){var s=document.querySelector('form#form3471 input[type=submit]');if(s){s.disabled=true;}}},100);return true;" id="form3471"
class="elq-form">

  <label for="field1" style="display: block; line-height: 150%; padding: 1px 0pt 3px; float: left; width: 31%; margin: 0pt 15px 0pt 0pt; word-wrap: break-word">Name:*</label>
  <input id="field1" name="C_FirstName" type="text" value="" style="width: 46%">

I added some radio buttons & would like to validate the radio buttons as well, how do I modify them to work for radio button?

<label for="field0" style="display: block; line-height: 150%; padding: 1px 0pt 3px; white-space: nowrap">Country*</label>

<label style="display: block; float: left; padding-right: 10px; padding-left: 22px; text-indent: -22px">
  <input name="radioButtons" type="radio" value="country1" style="vertical-align: middle; margin-right: 7px">
  <span style="vertical-align: middle">Country1</span>
</label>

<label style="display: block; float: left; padding-right: 10px; padding-left: 22px; text-indent: -22px">
  <input name="radioButtons" type="radio" value="country2" style="vertical-align: middle; margin-right: 7px">
  <span style="vertical-align: middle">Country2</span>
</label>

Upvotes: 1

Views: 138

Answers (2)

Ganesh Radhakrishnan
Ganesh Radhakrishnan

Reputation: 350

Please try this

if ($('input[name=radioButtons]:checked').val() == 'country1' ) { 
    //validation
}

Upvotes: 0

Keystone Jack
Keystone Jack

Reputation: 309

Do a function for your radiobutton. Right now you don't have a function for it.

Like this:

function myFunction() {
    var answer = document.getElementById("radioBtn").checked;


  document.getElementById("value").innerHTML = answer;
}

http://codepen.io/anon/pen/oBPpZz

Upvotes: 1

Related Questions