Postingan lainnya
Kelas Premium!
Belajar Javascript untuk website
Gunakan kupon "mulaijs" untuk diskon 75 ribu!
form login
mau nanyaa gan gimana caranya ketika gagal register user kembali ke form register masalahnya form loginnya menggunakan id "#mymodal"
<!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>Untitled Document</title>
<link rel="stylesheet" type="text/css" href="assets/css/bootstrap.min.css">
<link rel="stylesheet" type="text/css" href="assets/css/bootstrap.css">
<link rel="stylesheet" type="text/css" href="assets/css/kertass_ukuran_hp.css">
<link rel="stylesheet" type="text/css" href="assets/js/jquery-ui/jquery-ui.css">
<style type="text/css">
.kotak{
margin-top: 100px;
}
.kotak .input-group{
margin-bottom: 100px;
}
body {
background-image: url(logo/wall_1.jpg);
}
</style>
</head>
<body>
<div class="panel panel-default">
<form action="" method="get" class="">
<div class="col-md-4 col-md-offset-4 kotak">
<div class="btn btn-info center-block tumpukan">
<img src="logo/images.png" class="btn btn-info center-block">
<br>
<br>
<div class="col-md-6">
<a href="admin/index.php"><span class="btn btn-danger btn-lg pull-left">computer</span></a>
</div>
<div class="col-md-6">
<a href="androidd/index.php"><span class="btn btn-warning btn-lg pull-right">android</span></a>
</div>
<br>
<br>
<br>
<div class="col-md-4">
<a href="" data-toggle="modal" data-target="#myModal"><span class="btn btn-info btn-lg pull-center">Register</span></a>
</div>
<br>
<br>
</div>
</div>
</form>
</div>
<script src="admin/js/jquery-1.11.2.min.js"></script>
<script src="admin/bootstrap/js/bootstrap.js"></script>
<script src="admin/datatables/jquery.dataTables.js"></script>
<script src="admin/datatables/dataTables.bootstrap.js"></script>
<script type="text/javascript">
//jika dipilih, nim akan masuk ke input dan modal di tutup
$(document).on('click', '.pilih', function (e) {
document.getElementById("nim").value = $(this).attr('data-nim');
$('#myModal').modal('hide');
});
//tabel lookup mahasiswa
$(function () {
$("#lookup").dataTable();
});
function dummy() {
var nim = document.getElementById("nim").value;
alert('Nomor Induk Mahasiswa ' + nim + ' berhasil tersimpan');
var ket = document.getElementById("ket").value;
alert('Keterangan ' + ket + ' berhasil tersimpan');
}
</script>
<!-- modal input -->
<div id="myModal" class="modal fade">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
<h4 class="modal-title">Form Register</h4>
</div>
<div class="modal-body">
<form name="form1" method="post" action="">
<div class="form-group">
<label>User name</label>
<input name="username" type="text" class="form-control" placeholder="your name" required>
</div>
<div class="form-group">
<label>Password</label>
<input name="password" type="text" class="form-control" placeholder=".....??" required>
</div>
<div class="form-group">
<label>Confir password</label>
<input name="password2" type="text" class="form-control" placeholder=".....??" required>
</div>
<div class="form-group">
<label>Name</label>
<input name="nama_lengkap" type="text" class="form-control" placeholder="example@gmail.com" required>
</div>
<div class="form-group">
<label>Email</label>
<input name="email_usr" type="text" class="form-control" placeholder="05xxxxxxx" required>
</div>
<div class="form-group">
<label>Tlp no.</label>
<input name="telp_hp" type="text" class="form-control" placeholder="user" required>
</div>
<div class="form-group">
<label>Dept</label>
<tr>
<td><label class="form-control">
<select name="level">
<option value="guru">Sparepart</option>
<option value="user">Maintenance</option>
</select>
</label></td>
</tr>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-danger" data-dismiss="modal">Cancel</button>
<input type="submit" name="daftar" id="daftar" class="btn btn-primary" value="SAVE"/>
</div>
</form>
</div>
</div>
</div>
</body>
</html>
<?php
//panggil koneksi - phpdanmysql.com
include "connection.php";
//ketika klik daftar - phpdanmysql.com
if(isset($_POST['daftar'])){
$username=$_POST['username'];
$password=md5($_POST['password']);
$password2=md5($_POST['password2']);
$nama_lengkap=$_POST['nama_lengkap'];
$email_usr=$_POST['email_usr'];
$telp_hp=$_POST['telp_hp'];
$level=$_POST['level'];
if(empty($username)||empty($password)||empty($password2)||empty($nama_lengkap)||empty($email_usr)||empty($telp_hp))
{
echo "<script type='text/javascript'>
onload =function(){
alert('Data n't complete please check againt!');
}
</script>";
}elseif($password != $password2)
{
echo "<script type='text/javascript'>
onload =function(){
alert('Password Pertama dan kedua tidak sama!');
}
</script>";
}else{
$a="insert into user(username,password,nama_lengkap,email,telp_hp,level,status)values('$username','$password','$nama_lengkap','$email_usr','$telp_hp','$level','Y')";
$b=mysql_query($a);
if($b){
//jika berhasil akan keluar pesan dibawah ini - phpdanmysql.com
echo "<script type='text/javascript'>
onload =function(){
alert('Pendaftaran Berhasil, Silahkan login untuk melihat Laporan Nilia Siswa dan Laporan Abensi..!');
}
</script>";
}else{
echo "<script type='text/javascript'>
onload =function(){
alert('Data gagal disimpan!');
}
</script>";
}
}
}
?>
7 Jawaban:
Maksudnya kalau gagal nampilin modal nya lagi ya gitu bukan ?
Oh jadi ketika dia gagal karena ada nama yang salah atau ada yang sama dia akan kembali ke form registrasi tersebut?
Panggil ini aja mas kalau codenya gagal, jadi nanti kalau gagal modalnya keluar lagi
$('#myModal').modal('show');
Ketika kesalahan pasword 1 dan password 2 gk sama user kembali ke form itu lagi Kode ini taro pas manaagan dah ta cobaatetep gk bisaa
$('#myModal').modal('show');