alhamdulillah segala puji bagi allah yg telah memberikan begitu banyak kenikmtatan terutama nikmat sehat sehingga saya bisa menngpost Tugas yg di kasi dosen yaitu tentang Validation Javascript
Langsung saja seperti biasa untuk file pertama kita akan membuat tampilan index.php
coding :
<html>
<script type="text/javascript">
function klik(){
var input = document.getElementById('input').value;
if(input.length <5 ){
document.getElementById('tp').innerHTML ='kekurangan';
}else if(input.length >20){
document.getElementById('tp').innerHTML ='kelebihan';
}
}
</script>
<body>
<p id="tag-p">Inputan</p><br/>
<input type="text" id="input" onkeyup="klik()"><br/>
<p id="tp"></p><br/>
<input type="button" value="submit" onclick="klik()">
</body>
</html>
untuk file keduanya adalah Validation.php
coding :
<html>
<head><title>belajar membuat validasi javascirpt</title></head>
<script type="text/javascript">
function klik(){
var user= document.getElementById('username').value;
var pass= document.getElementById('password').value;
var email= document.getElementById('email').value;
var regex= /^([A-Za-z0-9_\-\.])+\@([A-Za-z0-9_\-\.])+\.([A-Za-z]{2,4})$/;
var tgl= document.getElementById('tgl').value;
var pria= document.getElementById('pria'.value);
var wanita= document.getElementById('wanita'.value);
if(user.length<5){
alert("panjang username minimal 5!");
user.focus();
return (false);
}else if(user.length>20){
alert("panjang username maximal 20!");
user.focus();
return(false);
}
if(pass.length<5){
alert("panjang password minimal 5");
pass.focus();
return(false);
}if(pass.length>20){
alert("panjang password maximal 20");
pass.focus();
return(false);
}
if(email==""||regex.test(email)==false){
alert("email tidak valid");
}else{
alert("email valid");
}
if(tgl==null||tgl==''){
alert("tgl lahir harus diisi");
return false;
}
if(pria==null || wanita==null){
alert("jenis kelamin harus diisi");
return false;
}
}
</script>
<body>
<h1>Form Validasi</h1>
username: <br>
<input type="text" name="nama" id="username"><br>
password : <br>
<input type="password" name="password" id="password"><br>
email : <br>
<input type="text" name="email" id="email"><br>
tanggal lahir :<br>
<input type="date" name="tgl" id="tgl"><br>
jenis Kelamin :<br>
<input type="radio" name="kelamin" id="pria">pria
<input type="radio" name="kelamin" id="wanita">wanita<br>
<input type="submit" values="simpan" onclick="klik()">
</body>
</html>
Tidak ada komentar:
Posting Komentar