Is it possible to validate multiple values upon form text entry in JavaScript?

Question

Here is my code:

function validate() {
    if (document.getElementById('check_value').value == 'this') {
        $('#block').fadeIn('slow');
    }
    else {
        alert("Nope. Try again");
    }
}

I try doing this:

function validate() {
    if (document.getElementById('check_value').value == 'this','that','those') {
        $('#block').fadeIn('slow');
    }
    else {
        alert("Nope. Try again");
    }
}

...and it just accepts absolutely anything that's entered. Is this even possible to do?

If your comment is relevant to the question you should edit your question and add it. — Keith Smiley
– Keith Smiley, Commented Jul 26, 2013 at 4:41

Cory Danielson · Accepted Answer · 2013-07-26 04:47:28Z

3

This works too.

function validate() {
    var acceptableValues = { 
        this: undefined, 
        that: undefined, 
        those: undefined 
    },
    value = document.getElementById('check_value').value;

    if ( acceptableValues.hasOwnProperty(value) ) {
        $('#block').fadeIn('slow');
    }
    else {
        alert("Nope. Try again");
    }
}

and this:

function validate() {
    var value = document.getElementById('check_value').value;

    switch (value) {
        case: 'this':
        case: 'that':
        case: 'those':
            $('#block').fadeIn('slow'); break;
        default:
            alert("Nope. Try again");
    }
}

edited Jul 26, 2013 at 4:47

answered Jul 26, 2013 at 4:30

Cory Danielson

14.5k4 gold badges47 silver badges52 bronze badges

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

3 Comments

Tim Baas Over a year ago

I've never seen anyone doing it like this, what are the benefits of this? Is it faster?

Cory Danielson Over a year ago

Yeah, a lookup on an object would be faster than iterating over an array or doing a string search, but the efficiency gain is non-existent at this scale;

Tim Baas Over a year ago

I understand, but I like to teach myself to work with the most efficient ways possible. Thanks!

Suresh Atta · Accepted Answer · 2013-07-26 04:25:47Z

2

Like this

var val = document.getElementById('check_value').value;

if (val  == 'this' || val =='that'  || val =='those'){
     //pass
}

If you want to accept any thing just remove the if condition or check the length of the value

    if (val.length >0){
      //pass
    }

answered Jul 26, 2013 at 4:25

Suresh Atta

122k38 gold badges206 silver badges315 bronze badges

Comments

Kangkan · Accepted Answer · 2013-07-26 04:29:43Z

2

You can use an array for the allowed values and use indexOf to check. Like this:

function validate() {
    if (['this','that','those'].indexOf(document.getElementById('check_value').value) == -1)  {
        $('#block').fadeIn('slow');
    }
    else {
        alert("Nope. Try again");
    }
}

answered Jul 26, 2013 at 4:29

Kangkan

15.6k11 gold badges79 silver badges116 bronze badges

1 Comment

Kangkan Over a year ago

No need. the array is of strings.

deach · Accepted Answer · 2013-07-26 04:39:33Z

1

var correctArr = ['this','that','those'];

function validate(val){
    isCorrect = false
    $.each(correctArr, function(index,element){

            if(val.indexOf(element)>-1){
                isCorrect =  true;
            }
        }
    )
    return isCorrect;
}

answered Jul 26, 2013 at 4:39

deach

3601 gold badge2 silver badges12 bronze badges

Comments

Rohan Kumar · Accepted Answer · 2013-07-26 04:41:56Z

1

You can try regex test like,

var myregex=/this|that|those/i;

function validate() {
    if(myregex.test(document.getElementById('check_value').value)){
        $('#block').fadeIn('slow');
    }
    else {
        alert("Nope. Try again");
    }
}

Updated, if you want to validate only for this,that and those Then try this regex,

var myregex=/^(this|that|those)$/i;

edited Jul 26, 2013 at 4:41

answered Jul 26, 2013 at 4:35

Rohan Kumar

40.7k11 gold badges81 silver badges111 bronze badges

Comments

Karl-André Gagnon · Accepted Answer · 2013-07-26 04:45:33Z

The short answer is no.

You need to compare every single option with the || operator.

An other option would be to use regexp like that :

function validate() {
    var values = ['this', 'that', 'those'];
    if (document.getElementById('check_value').value.search(new RegExp('^('+values.join('|')+')$')) > -1) {
        $('#block').fadeIn('slow');
    }
    else {
        alert("Nope. Try again");
    }
}

Fiddle : http://jsfiddle.net/78PQ8/1/

You can aswell create your own prototype this type of action:

String.prototype.is = function(){
    var arg = Array.prototype.slice.call(arguments);
    return this.search(new RegExp('^('+arg.join('|')+')$')) > -1;
}

and call is like that:

function validate() {
    if (document.getElementById('check_value').value.is('this', 'that', 'those')) {
        $('#block').fadeIn('slow');
    }
    else {
        alert("Nope. Try again");
    }
}

Tim Baas · Accepted Answer · 2013-07-26 04:41:20Z

0

If you want every value to be possible:

var val = document.getElementById('check_value').value;

if( val.length > 0 ) {

}

Which means the string just has to be at least 1 character.. More common way is:

if( val != '' ) {

}

edited Jul 26, 2013 at 4:41

answered Jul 26, 2013 at 4:28

Tim Baas

6,1855 gold badges47 silver badges75 bronze badges

Collectives™ on Stack Overflow

Is it possible to validate multiple values upon form text entry in JavaScript?

7 Answers 7

3 Comments

Comments

1 Comment

Comments

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

7 Answers 7

3 Comments

Comments

1 Comment

Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related