Contoh form validasi php
<!DOCTYPE html>
<html>
<head>
<title></title>
<script src="js/jquery-1.7.2.js"></script>
<script src="ui/jquery.ui.core.js"></script>
<script src="ui/jquery.ui.widget.js"></script>
<script src="ui/jquery.ui.datepicker.js"></script>
<script type="text/javascript">
function klik(){
var user = document.getElementById('username').value;
if(user.length<5){
document.getElementById('tag-u').innerHTML='Inputan kurang dari 5 karakter';
}else if( user.length>20 ){
document.getElementById('tag-u').innerHTML='Inputan lebih dari 20 karakter';
}else{
document.getElementById('tag-u').innerHTML='';
}
var emaill = document.getElementById('email').value;
var atpos = emaill.indexOf("@");
var dotpos = emaill.lastIndexOf(".");
if(emaill.length<4){
document.getElementById('tag-e').innerHTML='karakter kurang dari 4 karakter';
}else if (atpos<1 || dotpos<atpos+2 || dotpos+2>=x.length) {
document.getElementById("tag-e").innerHTML='email tidak valid';
return false;
}else{
document.getElementById('tag-e').innerHTML='';
}
}
function key(){
var user = document.getElementById('username').value;
var pass = document.getElementById('password').value;
if(pass.length<5){
document.getElementById('tag-p').innerHTML='Inputan kurang dari 5 karakter';
}else if(pass.length>20){
document.getElementById('tag-p').innerHTML='Inputan lebih dari 20 karakter';
}else{
document.getElementById('tag-p').innerHTML='';
}
if(user==pass){
document.getElementById('tag-p').innerHTML='Username dan password tidak boleh sama';
}else{
document.getElementById('tag-p').innerHTML='';
}
}
/*function check_radio(radio){
for (i = 0; i < radio.length; i++){
if (radio[i].checked === true){
return radio[i].value;
}
}
return false;
}*/
</script>
</head>
<body>
<p>Form pendaftaran</p>
<table>
<tr>
<td>
Username<br/><input type="text" id="username" onkeyup="klik()"><br/>
</td>
<td>
<p id="tag-u"></p>
</td>
</tr><br/>
<tr>
<td>
Password<br/><input type="password" id="password" onkeyup="key()"><br/>
</td>
<td>
<p id="tag-p"></p>
</td>
</tr><br/>
<tr>
<td>
Email<br/><input type="email" id="email" onkeyup="klik()"><br/>
</td>
<td>
<p id="tag-e"></p>
</td>
</tr><br/>
<tr>
<td>
Tanggal lahir<br/><input type="date" id="tanggal"><br/>
</td>
<td>
<p id="tag-e"></p>
</td>
</tr><br/>
<tr>
<td>
Jenis Kelamin<br/><input type="radio" name="jk" value="L" >laki-laki<br/>
<input type="radio" name="jk" value="P">perempuan<br/>
</td>
<td>
<p id="tag-e"></p>
</td>
</tr><br/>
<tr>
<td>
<input type="button" value="submit" onkeyup="klik()">
</td>
</tr>
</table>
</body>
</html>
ABOUT THE AUTHOR
Hello We are OddThemes, Our name came from the fact that we are UNIQUE. We specialize in designing premium looking fully customizable highly responsive blogger templates. We at OddThemes do carry a philosophy that: Nothing Is Impossible
0 komentar:
Posting Komentar