John Delmark Aguilar

Delmark - Profiling
HomeCalendarFAQSearchMemberlistUsergroupsRegisterLog in

Share | 

 [HTML+JS] Form Validation + Get Value

Go down 

Posts : 92
Join date : 09/04/2012

PostSubject: [HTML+JS] Form Validation + Get Value   Fri Feb 28, 2014 1:34 pm


      <title>Lab 5A - JDA</title>
            font-family: Arial;
      <h3>Tell me about my site! thanks..</h3>
      <form onsubmit="submitx();" name="theForm">
                     function submitx()
                        var t1 = document.getElementById('myname').value;
                        var t2 = document.getElementById('q6').value;
                        //var t12 = document.getElementById('password').value;
                        var e = document.getElementById("gender");
var strUser = e.options[e.selectedIndex].text;
                        alert(t1 + " " + getValueRadio('q3a') + "\n" + strUser+ "\n" +t2);
                     function getValueRadio(radioName){
                        var radios = document.getElementsByName(radioName);
                        for (var i = 0, length = radios.length; i < length; i++) {
                           if (radios[i].checked) {
                              // do whatever you want with the checked radio
                              return radios[i].value;
                              // only one radio can be logically checked, don't check the rest
         *Name: <input type="text" name="myname" id="myname" value="first/second name, last name"> <br >
         <select name="gender" id="gender">
         </select> <br> 
            <option>-select one-</option>
         </select> <br> 
         <em>*this field is required.</em> <br />
         How do you find my web page?
               How easy did you find it to navigate and find information? <br>
                  <table border = "1">
                        <td>Very Easy</td>
                        <td>Very Hard</td>
                        <td align = "left">To navigate the site:</td>
                        <td align ="center"><input type = "radio" value="Very Easy" name="q3a"></td>
                        <td align ="center"><input type = "radio" value="Easy" name="q3a"></td>
                        <td align ="center"><input type = "radio" value="Average" name="q3a"></td>
                        <td align ="center"><input type = "radio" value="Hard" name="q3a"></td>
                        <td align ="center"><input type = "radio" value="Very Hard" name="q3a"></td>
                        <td align = "left">To find needed information:</td>
                        <td align ="center"><input type = "radio" value="Very Easy" name="q3b"></td>
                        <td align ="center"><input type = "radio" value="Easy" name="q3b"></td>
                        <td align ="center"><input type = "radio" value="Average" name="q3b"></td>
                        <td align ="center"><input type = "radio" value="Hard" name="q3b"></td>
                        <td align ="center"><input type = "radio" value="Very Hard" name="q3b"></td>
               Overall, now would you rate the graphics and look of the site?<br>
               <input type="radio" value="Excellent" name="q4">Excellent<br>
               <input type="radio" value="Good" name="q4">Good<br>
               <input type="radio" value="Poor" name="q4">Poor<br>
               <input type="radio" value="Very Good" name="q4">Very Good<br>
               <input type="radio" value="Fair" name="q4">Fair<br>
            What did you like about the site?<br>
            <textarea cols="150" rows="4" name="q6" id="q6"></textarea>
               Your contact information. (optional)<br>
               Email Address:  <input type="text" name="q8mail" > <br >
               Mobile Number:  <input type="text" name="q8mobile" > <input type="button" value="Submit" onclick="submitx()">
Back to top Go down
View user profile
[HTML+JS] Form Validation + Get Value
Back to top 
Page 1 of 1

Permissions in this forum:You cannot reply to topics in this forum
John Delmark Aguilar :: dElmARk Productions :: Web Coding-
Jump to: