Form Java

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Latihan 1</title>

    <style>

		#fail{
			color:red;
			}

	</style>

    <script>
		//["pwd1"]["pwd2"]["email"]["job"]

		/*function newDoc() {
    		window.location.assign("nama anda: piter")
		}*/

		    /*function ValidateEmail(){
				var mailformat = /^\w+([\.-]?\w+)*@\w+([\.-]?\w+)*(\.\w{2,3})+$/;
					if(inputText.value.match(mailformat)){
						document.jobForm.email.focus();
						return true;
					}
					else{
						document.getElementById("fail").innerHTML="You have entered an invalid email address!";
						document.form1.email.focus();
						return false;
					}
			} */


    	function validateForm(){
			var x=document.forms["jobForm"]["usname"].value;
			var y=document.forms["jobForm"]["email"].value;
			var z=document.forms["jobForm"]["job"].value;
			var p1=document.forms["jobForm"]["pwd1"].value
			var p2=document.forms["jobForm"]["pwd2"].value
			var mailformat = /^\w+([\.-]?\w+)*@\w+([\.-]?\w+)*(\.\w{2,3})+$/;

				if(x==null || x==""){
					document.getElementById("fail").innerHTML="*Data Invalid";
				}
				else if(p1 != p2 || p1==null || p1==""){
					document.getElementById("fail").innerHTML="*Data Invalid, Pwd harus match dan diisi";
					return false;
				}
				else if(y==null || y=="" ){
					document.getElementById("fail").innerHTML="*Data Invalid, isi email";
				}
				else if(z==null || z=="" ){
					document.getElementById("fail").innerHTML="*Data Invalid, job pilih";
				}
				else{
					//window.location="nama anda: piter";
					document.write("<h1>Selamat Datang</h1>");
					document.write("Tuan : "+x+"<br/>");
					document.write("Email : "+y+"<br/>");
					document.write("Job anda : "+z+"<br/>");
				}
		}

    </script>

</head>

	<body>
		<form name="jobForm" onSubmit="" method="post">
		<table width="314" border="0">
          <tr>
            <td width="127">Username</td>
            <td width="3">:</td>
            <td width="170"><input type="text" name="usname"></td>
          </tr>
          <tr>
            <td>Password</td>
            <td>:</td>
            <td><input type="password" name="pwd1"></td>
          </tr>
          <tr>
            <td>Re-Type Password</td>
            <td>:</td>
            <td><input type="password" name="pwd2"></td>
          </tr>
          <tr>
            <td>Email</td>
            <td>:</td>
            <td><input type="text" name="email"></td>
          </tr>
          <tr>
            <td>Job</td>
            <td>:</td>
            <td>
            	<Select name="job">
                	<option value="">&nbsp;</option>
            		<option value="spy">Spy</option>
                    <option value="CIA">CIA</option>
                    <option value="FBI">FBI</option>
                    <option value="police">Police</option>
                    <option value="hacker">Hacker</option>
            	</Select>
            </td>
          </tr>
          <tr>
            <td colspan="3"><input type="button" onClick="validateForm()" value="Send" /></td>
          </tr>
          <tr>
            <td colspan="3"><p id="fail"></p></td>
          </tr>
   		</table>
	</body>
</html>