4. javascript.php
<!DOCTYPE html>
<html>
<head>
<title>Form Pendaftaran</title>
<script type="javascript">
function validasinim(){
var angka = /^[0-9]+$/;
var nim = document.getElementById("nim").value;
if (nim.match(angka)){
} else{
text = "harus berisi angka";
}
document.getElementById("demo").innerHTML = text;
}
function validasinama(){
var huruf = /^[a-zA-Z]+(([\'\,\.\- ][a-zA-Z ])?[a-zA-Z]*)*$/;
var nama = document.getElementById("nama").value;
if (nim.match(huruf)){
} else{
pesan1 = "harus berisi huruf";
}
document.getElementById("demo1").innerHTML = pesan1;
}
function validasiemail(){
var emailValid = /^\w+@[a-zA-Z_]+?\.[a-zA-Z]{2,3}$/;
var email = document.getElementById("emial").value;
if (nim.match(emailValid)){
} else{
pesan2 = "harus berisi huruf";
}
document.getElementById("demo2").innerHTML = pesan2;
}
function validasiumur(){
var umurrr = /^Range [15-45]/;
var umur = document.getElementById("umur").value;
if (nim.match(umurrr)){
} else{
pesan3 = "harus berisi huruf";
}
document.getElementById("demo3").innerHTML = pesan3;
}
function validasiuser(){
var userrr = Range (15-45);
var umur = document.getElementById("umur").value;
if (nim.match(umurrr)){
} else{
pesan3 = "harus berisi huruf";
}
document.getElementById("demo3").innerHTML = pesan3;
return true
}
</script>
</head>
<body>
<form>
<table>
<tr>
<td>NIM</td>
<td>:</td>
<td><input type="text" name="nim" placeholder="nim Anda" onkeyup="validasinim()"/></td>
<td><p id="demo">--></p></td>
</tr>
<tr>
<td>Nama Lengkap</td>
<td>:</td>
<td><input type="text" name="nama" placeholder="nama lengkap Anda" onkeyup="validasinama()" /></td>
<td><p id="demo1">--></p></td>
</tr>
<tr>
<td>Email</td>
<td>:</td>
<td><input type="text" name="email" placeholder="email Anda" onkeyup="validasiemail()" /></td>
<td><p id="demo2">--></p></td>
</tr>
<tr>
<td>Umur</td>
<td>:</td>
<td><input type="text" name="umur" placeholder="15-45" onkeyup="validasiumur()" /></td>
<td><p id="demo1">--></p></td>
</tr>
<tr>
<td>Username</td>
<td>:</td>
<td><input type="text" name="user" placeholder="username"/></td>
</tr>
<tr>
<td>Password</td>
<td>:</td>
<td><input type="password" name="pass" placeholder="password" /></td>
</tr>
<tr>
<td><input type="submit" value="Simpan Data" name="submit" /></td>
</tr>
</table>
</form>
</body>
</html>
