AJAX

for validation - text box and drop down menu

Please support our JavaScript / DHTML / AJAX advertiser: PostgreSQL or MySQL? Compare and contrast the two most popular open source databases

•

Join Date: Oct 2006

Posts: 263

Reputation: Dukane is an unknown quantity at this point

Solved Threads: 22

Dukane

Offline

Posting Whiz in Training

Re: for validation - text box and drop down menu

#11

Dec 16th, 2006

Now here your problem is that as soon as one of those conditions is met, you return something. When you return something, your function is over and it does not continue.

So, here is code that does work. See if you can manipulate it to fit your needs.

 Help with Code Tags 
 html Syntax (Toggle Plain Text) 
<html>
    <head>
        <script language="javascript" type="text/javascript">
            function validate() {
                dropdowns = document.forms['theForm'].category;
                newCatDrop = document.forms['theForm'].newcat.value;
                isThere = false;
 
                for (i = 0; i < dropdowns.options.length; i++) {
                    if (dropdowns.options[i].value == newCatDrop) {
                        alert(newCatDrop + " is in the list!");
                        isThere = true;
                    }
                }        //close for
 
                return isThere;
            }            //close function
        </script>
    </head>
    <body>
    <form name="theForm" action="#" method="post" onsubmit="return validate()">
        New category: <input type="text" name="newcat"><br>
        Select category: <select name="category">
            <option value="0">0</option>
            <option value="9">9</option>
            <option value="12">12</option>
            <option value="23">23</option>
            <option value="cats">cats</option>
            <option value="dogs">dogs</option>
        </select>
        <br>
        <input type="submit" name="submitButton" value="Submit">
    </form>
    </body>
</html>
<html>
    <head>
        <script language="javascript" type="text/javascript">
            function validate() {
                dropdowns = document.forms['theForm'].category;
                newCatDrop = document.forms['theForm'].newcat.value;
                isThere = false;

                for (i = 0; i < dropdowns.options.length; i++) {
                    if (dropdowns.options[i].value == newCatDrop) {
                        alert(newCatDrop + " is in the list!");
                        isThere = true;
                    }
                }        //close for

                return isThere;
            }            //close function
        </script>
    </head>
    <body>
    <form name="theForm" action="#" method="post" onsubmit="return validate()">
        New category: <input type="text" name="newcat"><br>
        Select category: <select name="category">
            <option value="0">0</option>
            <option value="9">9</option>
            <option value="12">12</option>
            <option value="23">23</option>
            <option value="cats">cats</option>
            <option value="dogs">dogs</option>
        </select>
        <br>
        <input type="submit" name="submitButton" value="Submit">
    </form>
    </body>
</html>

•

Join Date: Dec 2006

Posts: 10

Reputation: drewrockshard is an unknown quantity at this point

Solved Threads: 0

drewrockshard drewrockshard is offline

Offline

Newbie Poster

Re: for validation - text box and drop down menu

#12

Dec 16th, 2006

I appriciate you taking the time to help me out the past few days. The funny thing is, the javascript was sooo close to what you gave me. So, thank you alot. It worked. Here's the new javascript snippet:

 Help with Code Tags 
 JavaScript / DHTML / AJAX Syntax (Toggle Plain Text) 
        var dropdowns = document.forms[0].category;
        var newCatDrop = document.forms[0].newcat.value;
        for (var i = 0;i < dropdowns.options.length;i++) {
                if (dropdowns.options[i].value == newCatDrop) {
                        alert("Please enter a value that is not already in our database.");
                        return false;
                }
        }
        var dropdowns = document.forms[0].category;
        var newCatDrop = document.forms[0].newcat.value;
        for (var i = 0;i < dropdowns.options.length;i++) {
                if (dropdowns.options[i].value == newCatDrop) {
                        alert("Please enter a value that is not already in our database.");
                        return false;
                }
        }

Thanks again.

•

Join Date: Dec 2006

Posts: 10

Reputation: drewrockshard is an unknown quantity at this point

Solved Threads: 0

drewrockshard drewrockshard is offline

Offline

Newbie Poster

Re: for validation - text box and drop down menu

#13

Dec 16th, 2006

Oh, and here's another variation:

 Help with Code Tags 
 JavaScript / DHTML / AJAX Syntax (Toggle Plain Text) 
        var dropdowns = document.forms[0].category;
        var newCatDrop = document.forms[0].newcat.value;
        for (var i = 0;i < dropdowns.options.length;i++) {
                if (dropdowns.options[i].value.toLowerCase() == newCatDrop.toLowerCase()) {
                        alert("Please enter a value that is not already in our database.");
                        return false;
                }
        }
        var dropdowns = document.forms[0].category;
        var newCatDrop = document.forms[0].newcat.value;
        for (var i = 0;i < dropdowns.options.length;i++) {
                if (dropdowns.options[i].value.toLowerCase() == newCatDrop.toLowerCase()) {
                        alert("Please enter a value that is not already in our database.");
                        return false;
                }
        }

I added the toLowerCase() code so that it would dynamically convert the strings to lowercase so that the user can't put in "Drew", "DREW", "drew", or "DrEw", etc. This makes sure that the user can only put one version of "Drew" in. In other words, only one entry (non-case sensitive).

Thought I'd share that bit.

Last edited by drewrockshard; Dec 16th, 2006 at 7:51 am.

•

Join Date: Oct 2006

Posts: 263

Reputation: Dukane is an unknown quantity at this point

Solved Threads: 22

Dukane

Offline

Posting Whiz in Training

Re: for validation - text box and drop down menu

#14

Dec 16th, 2006

Glad I could be of help...you were so close which is why I waited to the end to give a possible solution because you were on the right track the whole time and you'll learn it better if you figure it out instead of letting me figure it out for you!

The best thanks is adding to my DaniWeb rep!