Skip to content

Instantly share code, notes, and snippets.

@wilornel
Created April 9, 2012 06:00
Show Gist options
  • Select an option

  • Save wilornel/2341809 to your computer and use it in GitHub Desktop.

Select an option

Save wilornel/2341809 to your computer and use it in GitHub Desktop.
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<script type="text/javascript">
function button_actions() {
console.log('works');
if (document.getElementById('fname').value =='')
{
alert('You need to enter your first name.');
document.my_form.fname.focus();
return false;
}
//lname
if (document.getElementById('lname').value =='')
{
alert('You need to enter your last anme.');
document.my_form.lname.focus();
return false;
}
}
</script>
<body>
<form method="post" id="f1">
<p> 1. Membership Details </p>
<input type="radio" name="membership" value="new" /> New Membership<br />
<input type="radio" name="membership" value="renew" /> Renew Membership
<p> Title : </p>
<select name="title" size="1">
<option value="Dr">Dr</option>
<option value="Mr">Mr</option>
<option value="Mrs">Mrs</option>
<option value="Ms">Ms</option>
<option value="Miss">Miss</option>
</select></label>
<p>
First Name:
<input type="text" id="fname" name="fname" maxlength="35" size="35"/> <br />
Last Name:
<input type="text" id="lname" name="lname" maxlength="35" size="35"/>
</p>
<p> Membership Type : <br/>
<input type="checkbox" name="type" value="Gym" /> Gym <br/>
<input type="checkbox" name="type" value="Group Fitness" /> Group Fitness <br/>
<input type="checkbox" name="type" value="Boxing " /> Boxing <br/>
<input type="checkbox" name="type" value="Taekwondo" /> Taekwondo</p>
<p> Membership Category:
<select name="MemCategory" size="1">
<option value="UWSStudent">UWS Student</option>
<option value="UWSStaff">Staff</option>
<option value="Senior">Senior</option>
<option value="Student">Student Other</option>
<option value="Public">General Public</option>
</select></p>
<p>
Stduent No: <input type="text" name="studentNo" />
</p>
<p>Membership Term : <br />
<input type="radio" name="membership" value="1month" /> 1 Month <br />
<input type="radio" name="membership" value="3month" /> 3 Months <br />
<input type="radio" name="membership" value="6month" /> 6 Months <br />
<input type="radio" name="membership" value="12months" /> 12 Months
</p>
<p> Members Details </p>
<p> Sex:
<select name="sex" size="1">
<option value="Male"> Male </option>
<option value="Female"> Female </option>
</select></p>
<p>
D.O.B : <input type="date" name="DOB" />
</p>
<button onclick="javascript:button_actions();">Submit!</button>
</form>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment