Monday 24 February 2014
Thursday 19 December 2013
Tugas Validasi Form
Halooo Semuaa... Apa Kabar ??
Ini aku ada bikin contoh bikin web sederhana tentang validasi form loh...
di lihat dulu yaa...
ini coding php nya :
<html lang="en">
<head>
<meta charset="utf-8">
<title>Pendaftaran Formulir Diri</title>
<meta name="keywords" content="example, JavaScript Form Validation, Sample registration form" />
<meta name="description" content="This document is an example of JavaScript Form Validation using a sample registration form. " />
<link rel='stylesheet' href='Alqi.css' type='text/css' />
<script src="Alqii.js"></script>
</head>
<body onLoad="document.registration.userid.focus();" bgcolor="aqua">
<h1>Registrasi Formulir Diri</h1>
<p>Isilah Dengan Sebaik Dan Pastikan Data Anda Benar...</p>
<form name='registration' onSubmit="return formValidation();">
<ul>
<li><label for="userid">Username:</label></li>
<li><input type="text" name="userid" size="12" /></li>
<li><label for="passid">Password:</label></li>
<li><input type="password" name="passid" size="12" /></li>
<li><label for="username">Name:</label></li>
<li><input type="text" name="username" size="50" /></li>
<li><label for="nohp">No.HP:</label></li>
<li><input type="text" name="nohp" size="50" /></li>
<li><label for="address">Address:</label></li>
<li><input type="text" name="address" size="50" /></li>
<li><label for="email">E-mail:</label></li>
<li><input type="text" name="email" size="50" /></li>
<li><label id="gender">Sex:</label></li>
<li><input type="radio" name="sex" value="Male" /><span>Male</span></li>
<li><input type="radio" name="sex" value="Female" /><span>Female</span></li>
<li><label id="gender">Religion:</label></li>
<li><input type="radio" name="sex" value="Male" /><span>Islam</span></li>
<li><input type="radio" name="sex" value="Female" /><span>Non Islam</span></li>
<li><input type="submit" name="submit" value="Submit" /></li>
</ul>
</form>
</body>
</html>
ini coding java script nya :
function formValidation() {
var uid = document.registration.userid;
var passid = document.registration.passid;
var uname = document.registration.username;
var uadd = document.registration.address;
var uemail = document.registration.email;
var umsex = document.registration.msex;
var ufsex = document.registration.fsex;
if(userid_validation(uid,5,12)) {
if(passid_validation(passid,7,12)) {
if(allLetter(uname)) {
if(alphanumeric(uadd)) {
if(ValidateEmail(uemail)) {
if(validsex(umsex,ufsex)) {
}
}
}
}
}
}
return false;
}
function userid_validation(uid,mx,my) {
var uid_len = uid.value.length;
if (uid_len == 0 || uid_len >= my || uid_len < mx) {
alert("Username Tidak Boleh Lebih Dari "+mx+" Atau Kurang Dari "+my);
uid.focus();
return false;
}
return true;
}
function passid_validation(passid,mx,my) {
var passid_len = passid.value.length;
if (passid_len == 0 ||passid_len >= my || passid_len < mx) {
alert("Password Tidak Boleh Lebih Dari "+mx+" Atau Kurang Dari "+my);
passid.focus();
return false;
}
return true;
}
function allLetter(uname) {
var letters = /^[A-Za-z]+$/;
if(uname.value.match(letters)) {
return true;
}
else {
alert('Nama Harus Huruf Dan Tidak Boleh Ada Spasi/Character Lain');
uname.focus();
return false;
}
}
function alphanumeric(uadd) {
var letters = /^[0-9a-zA-Z]+$/;
if(uadd.value.match(letters)) {
return true;
}
else {
alert('Address Hanya Bisa Di Isi Dengan Huruf Dan Angka / Tidak Boleh Ada Character Lain');
uadd.focus();
return false;
}
}
function ValidateEmail(uemail) {
var mailformat = /^\w+([\.-]?\w+)*@\w+([\.-]?\w+)*(\.\w{2,3})+$/;
if(uemail.value.match(mailformat)) {
return true;
}
else {
alert("Anda Memasukkan Email Yang Salah!");
return false;
}
}
function validsex(umsex,ufsex) {
x=0;
if(umsex.checked) {
x++;
}
if(ufsex.checked) {
x++;
}
if (x==2) {
alert('Jenis Kelamin Belum Di Pilih');
ufsex.checked=false
umsex.checked=false
umsex.focus();
return false;
}
if(x==0) {
alert('Pilih Laki-laki / Perempuan');
umsex.focus();
return false;
}
else {
alert('Formulir Berhasil Di Kirim');
window.location.reload()
return true;
}
}
ini coding css nya :
h1 {
margin-left: 400px;
}
form li {
list-style: none;
margin-bottom: 5px;
}
form ul li label{
float: left;
clear: left;
width: 100px;
text-align: right;
margin-right: 10px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:14px;
}
form ul li input, select, span {
float: left;
margin-bottom: 10px;
}
form textarea {
float: left;
width: 350px;
height: 150px;
}
[type="submit"] {
clear: left;
margin: 20px 0 0 230px;
font-size:18px
}
p {
margin-left: 70px;
font-weight: bold;
}
Dan ini hasil tampilan coding di atas :
Dan tampilan foto di bawah ini adalah salah satu fungsi dari adanya coding java script :
Sekian dengan saya sampaikan contoh tersebut, semoga dapat di coba dan membantu anda sekalian....
ini coding php nya :
<html lang="en">
<head>
<meta charset="utf-8">
<title>Pendaftaran Formulir Diri</title>
<meta name="keywords" content="example, JavaScript Form Validation, Sample registration form" />
<meta name="description" content="This document is an example of JavaScript Form Validation using a sample registration form. " />
<link rel='stylesheet' href='Alqi.css' type='text/css' />
<script src="Alqii.js"></script>
</head>
<body onLoad="document.registration.userid.focus();" bgcolor="aqua">
<h1>Registrasi Formulir Diri</h1>
<p>Isilah Dengan Sebaik Dan Pastikan Data Anda Benar...</p>
<form name='registration' onSubmit="return formValidation();">
<ul>
<li><label for="userid">Username:</label></li>
<li><input type="text" name="userid" size="12" /></li>
<li><label for="passid">Password:</label></li>
<li><input type="password" name="passid" size="12" /></li>
<li><label for="username">Name:</label></li>
<li><input type="text" name="username" size="50" /></li>
<li><label for="nohp">No.HP:</label></li>
<li><input type="text" name="nohp" size="50" /></li>
<li><label for="address">Address:</label></li>
<li><input type="text" name="address" size="50" /></li>
<li><label for="email">E-mail:</label></li>
<li><input type="text" name="email" size="50" /></li>
<li><label id="gender">Sex:</label></li>
<li><input type="radio" name="sex" value="Male" /><span>Male</span></li>
<li><input type="radio" name="sex" value="Female" /><span>Female</span></li>
<li><label id="gender">Religion:</label></li>
<li><input type="radio" name="sex" value="Male" /><span>Islam</span></li>
<li><input type="radio" name="sex" value="Female" /><span>Non Islam</span></li>
<li><input type="submit" name="submit" value="Submit" /></li>
</ul>
</form>
</body>
</html>
ini coding java script nya :
function formValidation() {
var uid = document.registration.userid;
var passid = document.registration.passid;
var uname = document.registration.username;
var uadd = document.registration.address;
var uemail = document.registration.email;
var umsex = document.registration.msex;
var ufsex = document.registration.fsex;
if(userid_validation(uid,5,12)) {
if(passid_validation(passid,7,12)) {
if(allLetter(uname)) {
if(alphanumeric(uadd)) {
if(ValidateEmail(uemail)) {
if(validsex(umsex,ufsex)) {
}
}
}
}
}
}
return false;
}
function userid_validation(uid,mx,my) {
var uid_len = uid.value.length;
if (uid_len == 0 || uid_len >= my || uid_len < mx) {
alert("Username Tidak Boleh Lebih Dari "+mx+" Atau Kurang Dari "+my);
uid.focus();
return false;
}
return true;
}
function passid_validation(passid,mx,my) {
var passid_len = passid.value.length;
if (passid_len == 0 ||passid_len >= my || passid_len < mx) {
alert("Password Tidak Boleh Lebih Dari "+mx+" Atau Kurang Dari "+my);
passid.focus();
return false;
}
return true;
}
function allLetter(uname) {
var letters = /^[A-Za-z]+$/;
if(uname.value.match(letters)) {
return true;
}
else {
alert('Nama Harus Huruf Dan Tidak Boleh Ada Spasi/Character Lain');
uname.focus();
return false;
}
}
function alphanumeric(uadd) {
var letters = /^[0-9a-zA-Z]+$/;
if(uadd.value.match(letters)) {
return true;
}
else {
alert('Address Hanya Bisa Di Isi Dengan Huruf Dan Angka / Tidak Boleh Ada Character Lain');
uadd.focus();
return false;
}
}
function ValidateEmail(uemail) {
var mailformat = /^\w+([\.-]?\w+)*@\w+([\.-]?\w+)*(\.\w{2,3})+$/;
if(uemail.value.match(mailformat)) {
return true;
}
else {
alert("Anda Memasukkan Email Yang Salah!");
return false;
}
}
function validsex(umsex,ufsex) {
x=0;
if(umsex.checked) {
x++;
}
if(ufsex.checked) {
x++;
}
if (x==2) {
alert('Jenis Kelamin Belum Di Pilih');
ufsex.checked=false
umsex.checked=false
umsex.focus();
return false;
}
if(x==0) {
alert('Pilih Laki-laki / Perempuan');
umsex.focus();
return false;
}
else {
alert('Formulir Berhasil Di Kirim');
window.location.reload()
return true;
}
}
ini coding css nya :
h1 {
margin-left: 400px;
}
form li {
list-style: none;
margin-bottom: 5px;
}
form ul li label{
float: left;
clear: left;
width: 100px;
text-align: right;
margin-right: 10px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:14px;
}
form ul li input, select, span {
float: left;
margin-bottom: 10px;
}
form textarea {
float: left;
width: 350px;
height: 150px;
}
[type="submit"] {
clear: left;
margin: 20px 0 0 230px;
font-size:18px
}
p {
margin-left: 70px;
font-weight: bold;
}
Dan ini hasil tampilan coding di atas :
Dan tampilan foto di bawah ini adalah salah satu fungsi dari adanya coding java script :
Sekian dengan saya sampaikan contoh tersebut, semoga dapat di coba dan membantu anda sekalian....
Saturday 20 July 2013
Q - T R E N D
Q - T R E N D
QUR'AN PESANTREN RAMADHAN LIVING QUR'AN ATTITUDE EVERYDAY
S I F A T K U
SHIDDIQ , AMANAH , FATHONAH , TABLIGH
A P A K A B A R H A R I I N I ? ? ?
ALHAMDULILLAH , TETAP SEMANGAT , SEHAT WAL'AFIAT , HANGAT , MANTABBBBB
ALHAMDULILLAH , TETAP SEMANGAT , SEHAT WAL'AFIAT , HANGAT , MANTABBBBB
Saturday 13 July 2013
ICE BREAKING
Games
Ice Breaker
Games Ice Breaker adalah permainan
yang digunakan dengan tujuan untuk memecah kebekuan, membuat suasana menjadi
akrab dan menyenangkan. Permainan ini biasa digunakan ketika memulai suatu
acara pelatihan baik indoor maupun outdoor. Suasana yang tegang disaat
permulaan harus segera dicairkan agar acara bisa dinikmati dan berjalan dengan
sukses. Berikut adalah beberapa permainan atau games yang biasa digunakan dalam
acara-acara pelatihan sebagai pemecah suasana kaku menjadi senang, riang dan
bergembira.
Contohnya :
Nomor Ajaib
Peserta diminta untuk menuliskan
sebuah nomor sebanyak 7 digit. Setelah itu peserta diminta untuk melakukan
langkah-langkah yang diinstruksikan oleh fasilitator. Jika langkah tersebut
dilakukan dengan tepat maka peserta akan mendapatkan angka atau nomor telepon
yang tadi dituliskan. Biasanya peserta akan kagum dan menaruh fokus lebih kepada
fasilitator untuk mendengarkan apa yang akan disampaikan selanjutnya.
Durasi permainan ini selama 10
menit. Peralatan yang dibutuhkan adalah kertas dan alat tulis sejumlah peserta.
Jumlah peserta lebih dari 25 orang. Teknis pelaksanaan sebagai berikut:
- Fasilitator meminta peserta untuk mencatat tiga digit pertama dari angka atau nomor yang dituliskannya . contoh: no 1234567 berarti 3 digit pertama adalah 123.
- Kalikan tiga digit tersebut dengan angka 80
- Ditambahkan 1
- Kalikan 250
- Tambahkan dengan 4 digit terakhir dari angka atau nomor yang di tulis pertama kali tadi, yaitu 4567 (dari contoh diatas).
- Tambahkan lagi dengan 4 digit terakhir dari nomor yang ditulis pertama kali.
- Dikurangi dengan 250.
- Dibagi 2.
- Bingoooooo! Anda akan mendapatkan nomor yang ditulis oleh masing-masing peserta
- Supaya lebih menarik permainan ini dapat dimodifikasi sehingga fasilitator dapat membuat perhatian peserta menjadi terpusat.
- Selanjutnya ambil fasilitator berdiskusi dengan peserta mengambil pelarajan dari permainan tersebut.
APHORISMS DIVINE
Percayalah Hari Ini Akan Lebih Indah Dari Pada Kemarin Jika Kita Mengawalinya Dengan Senyuman....
Ready For Use to be Success...
Pintar = Proses terlebih dahulu lalu dia ke Tujuan tertentu....
Cerdas = Tujuan terlebih dahulu lalu dia memprosesnya...
Ready For Use to be Success...
Pintar = Proses terlebih dahulu lalu dia ke Tujuan tertentu....
Cerdas = Tujuan terlebih dahulu lalu dia memprosesnya...
Thursday 11 July 2013
TRADE MARK
Kegilaan adalah meyakini kesalahan, namun lebih gila lagi Al-Qur'an yang sudah pasti benar tidak di yakini...
Baik belum tentu Benar, namun jika Benar pastilah Baik...
Kejujuran berbanding lurus dengan tanggung jawab...
Alqur'an Shalat Zakat....
Sedikit Empati Dapat Menyelamatkan Orang Lain
I'm Khalifah Of Allah
We Are The Winner....
Baik belum tentu Benar, namun jika Benar pastilah Baik...
Kejujuran berbanding lurus dengan tanggung jawab...
Alqur'an Shalat Zakat....
Sedikit Empati Dapat Menyelamatkan Orang Lain
I'm Khalifah Of Allah
We Are The Winner....
Subscribe to:
Posts (Atom)