Selasa, 11 Januari 2011

validitas data form pada inputan web

Sering dikasih tugas bikin form di web gag ? kalo Cuma bikin form aja mungkin urusan kecil . . tapi gimana biar data yang dinputkan melalui form tersebut bisa valid pas penyimpanan di database. Buat mencegah itu tiap kali kita masukin data musti ada fungsi alert yang menahan data untuk tidak tersimpan sebelum data tersebut valid. Bikin alert di form website kita yuk (disini aku Cuma coba bikin function sederhana buat form input . . )

Periksa Form harus non-empty atau harus terisi . .

function notEmpty()
{
Var elem = document.form1.label1.value;
if(elem.length == 0) {
alert(“tidak boleh kosong”);
elem.focus();
return false;
}
return true;
}

Periksa inputan harus berupa bilangan/angka . .

function isNumeric(){
var elem = document.form1.label1.value;
var numericExpression = /^[0-9]+$/;
if( elem.match(numericExpression) ){
return true;
}else{
alert(“Format yang anda inputkan tidak tepat. Harus berupa angka”);
elem.focus();
return false;
}
return true;
}

Periksa inputan harus berupa huruf . .

function isAlphabet(){
var elem = document.form1.label1.value;
var alphaExp = /^[a-zA-Z]+$/ ;
if(elem.match(alphaExp)){
return true;
}else{
alert(“inputan harus berupa huruf”);
elem.focus();
return false;
}
return true;
}

Periksa panjang karakter inputan yang boleh tersimpan dalam database . .


function lengthRestriction(){
var elem = document.form1.label1.value;
var uInput = elem.value;
if(uInput.length >= 2 && uInput.length <= 6){
return true;
}else{
alert(“masukan karakter sepanjang lebih dari 2 dan kurang dari 6 karakter”);
elem.focus();
return false;
}
return true;
}

Periksa inputan data dengan combobox . .

function madeSelection() {
var elem = document.form1.label1.value;
if(elem == "Please Choose"){
alert(“belum ada data yang dipilih”);
elem.focus();
return false;
}
return true;
}

Periksa Validasi email . .

function emailValidator(){
var elem = document.form1.label1.value;
var emailExp = /^[\w\-\.\+]+\@[a-zA-Z0-9\.\-]+\.[a-zA-z0-9]{2,4}$/; if(elem.match(emailExp)){
return true;
}else{
alert(“email tidak valid”);
elem.focus();
return false;
}
return true;
}

Selamat mencoba yah teman-teman . . 

Seep . . seepp . . GBU ALL . . :)

Tidak ada komentar:

Posting Komentar