Javascript form validation. Radio buttons and checkboxes. How to validate?

Question

I'm having issues with Javascript form validation for radio and checkboxes.

I have a external .js script with all my function rules linked in the html head section.

My rules look like this for example:

    function IsValid4DigitZip( str ) {
    // Return immediately if an invalid value was passed in
    if (str+"" == "undefined" || str+"" == "null" || str+"" == "")  
        return false;

    var isValid = true;

    str += "";

    // Rules: zipstr must be 5 characters long, and can only contain numbers from
   // 0 through 9
   if (IsBlank(str) || (str.length != 4) || !IsInt(str, false))
        isValid = false;

   return isValid;
} // end IsValid4DigitZip

And I call the function the section like this:

    if (IsValid4DigitZip(document.orderbooks.querySelectorAll("[name=postcode]")[0].value)) {

  } else {
    alert("Invalid postcode: You entered 3 or less digits. Please enter a 4 digit postcode");
    return false;
  }

Can some one help write function rules for radio and checkboxes using my examples.

I can only use Javascript. No Jquery.

Thank you.

dork · Accepted Answer · 2017-09-11 04:45:31Z

1

The first condition checks if str has a truthy value, the second checks for its length, and the last checks if all the characters are numbers.

P.S. I'm assuming the 5 in your Rules is a typo and you meant 4.

function isValid4DigitZip(str) {
	return str && str.length === 4 && /^\d+$/.test(str);
}

console.log(isValid4DigitZip('1234'));
console.log(isValid4DigitZip('124a'));
console.log(isValid4DigitZip('0000'));
console.log(isValid4DigitZip('12345'));
console.log(isValid4DigitZip('abcd'));

answered Sep 11, 2017 at 4:45

dork

4,6083 gold badges34 silver badges60 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

c0nfus3d Over a year ago

Yes I meant 4 sorry. I'm looking for function rules for radio buttons and checkboxes though!

Barr J · Accepted Answer · 2017-09-11 05:21:23Z

0

In order to check whether the input inserted it string or not I recommend regex. The code above is good, but if you need to do another check, it will cause code duplication.

Do it like this:

var zipCodeRegex = /^\d+$/

function isValid4DigitZip(str) {
    return str && str.length === 4 && zipCodeRegex.test(str);
}

this way, it will be much easier to maintain and much more readable.

P.S. There is a wonderful site to test your regex conditions:

http://rubular.com/

Use it.

answered Sep 11, 2017 at 5:21

Barr J

11k2 gold badges31 silver badges49 bronze badges

Collectives™ on Stack Overflow

Javascript form validation. Radio buttons and checkboxes. How to validate?

2 Answers 2

1 Comment

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related