Radio Buttons and Javascript

activeware · #1 Dec 11th, 2007, 10:19

Hi I have the following form:

<form id="support_tools" name="support_tools" method="post" action="#">
                    <table width="100%" border="0" cellspacing="4" cellpadding="0">
                      <tr>
                        <td class="H1_Orange_no_background"><table width="100%" border="0" cellspacing="4" cellpadding="0">
                            <tr>
                              <td width="29%" height="20"><label>
                                <input name="search_type" type="radio" value="email">
                                Email</label></td>
                              <td width="35%"><label>
                                <input name="search_type" type="radio" value="mac" />
                                MacID</label></td>
                              <td width="36%"><label>
                                <input name="search_type" type="radio" value="name" />
                                Surname</label></td>
                            </tr>
                        </table></td>
                      </tr>
                      <tr>
                        <td class="H1_Orange_no_background"><input name="input" type="text" class="H1_Blue_no_background" size="45"/></td>
                      </tr>
                      <tr>
      <tr>
                        <td class="H1_Orange_no_background"> Show 
      <select name="session_type" class="H1_Blue_no_background">
      <option value="all" selected="selected">All Sessions</option>
      <option value="active">Active Sessions</option>
      <option value="complete">Complete Sessions</option>
      </select>
      </tr>
                      <tr>
                        <td><input name="Submit22" type="submit" class="H1_Blue_no_background" value="Search" /></td>
                      </tr>
                    </table>
                </form>

I want to check which radio button has been selected and then perform validation depending on the type eg. Email, Mac, Surname

I have the validation script ok, but its figuring out which radio button has been selected that is not working for me... Any ideas/help would be great.

HTML: Select all

<script type="text/javascript">
    Validator('support_tools');
     for (i=0;i<document.forms[0].search_type.length;i++) {
       if (document.forms[0].search_type[i].checked) {
        user_input = document.forms[0].search_type[i].value;
       }
      }
    var a = "email";
    var b = "name";
    if (user_input == a)
     {
     add_validation('input', 'req', 'You need to enter an Email Address');
     add_validation('input', 'email', 'Your Email seesm to be invalid');
     }
    if (user_input == b)
     {
     add_validation('input', 'req', 'You need to enter a Mac ID');
     add_validation('input', 'mac', 'Your MacID is invalid');
     }
    </script>

Regards

Nathan

Rakuli · #2 Dec 11th, 2007, 10:26

So it appears you have a script there that at a quick glance does the trick. Are you having a problem with this?

activeware · #3 Dec 11th, 2007, 10:28

Hi no matter which radio button i chooses it always performs the first if statement.

Regards

activeware · #4 Dec 11th, 2007, 10:29

And i get a javascript error:

Line 212
Char 5
Error: 'user_input is undefined'
Code 0

Rakuli · #5 Dec 11th, 2007, 10:47

Try cleaning up the code a little

Code: Select all

<script type="text/javascript">

Validator('support_tools');

var pageForm = document.getElementById('support_tools');

var pageFormElements = pageForm.getElementsByTagName('*');

var user_input;
    for (i=0;i<pageFormElements.length;i++) {
       if (pageFormElements[i].name == 'search_type' && pageFormElements[i].checked) 
        user_input = pageFormElements[i].value;       
      }

    swicth (user_input)
    {
          case 'email' :
                   add_validation('input', 'req', 'You need to enter an Email Address');
                   add_validation('input', 'email', 'Your Email seesm to be invalid');
          break;
         case 'name' :
                   add_validation('input', 'req', 'You need to enter a Mac ID');
                   add_validation('input', 'mac', 'Your MacID is invalid');
          break;
}


    </script>

That cleans up a few possible places where the script might fail due to undeclared variables etc..

activeware · #6 Dec 11th, 2007, 11:14

With your code i get

Error: Expected '}'

which i thought should be here:

for (i=0;i<pageFormElements.length;i++)
{
if (pageFormElements[i].name == 'search_type' && pageFormElements[i].checked)
{
user_input = pageFormElements[i].value;
}
}

But when i add that i still get Error: Expected '}'

Regards

Rakuli · #7 Dec 11th, 2007, 18:02

I have a typo, change swicth to switch

Similar Threads
Thread	Thread Starter	Forum	Replies	Last Post
[SOLVED] Help with Radio buttons	Oak	JavaScript Forum	17	Feb 2nd, 2008 09:44
How do i submit a form with radio buttons ?	Accurax	Web Page Design	5	May 12th, 2007 18:34
Radio buttons and mandatory fields	joshcxa	JavaScript Forum	1	Aug 8th, 2006 10:30
help with pagination and html radio buttons	AdRock	PHP Forum	5	Jul 27th, 2006 12:10
Radio Buttons	redhead	Web Page Design	2	Apr 12th, 2004 19:00

		Webforumz.com > Main Forums > Program Your Website > JavaScript Forum
Radio Buttons and Javascript