Membuat form dengan php dan javascript ~ Random

1. index.php

<!DOCTYPE html>
<html>
<head>

<title>Form Pendaftaran</title>
<script type="javascript">

function validasinim(){
var angka = /^[0-9]+$/;
var nim = document.getElementById("nim").value;
if (nim.match(angka)){

} else{
text = "harus berisi angka";
}
document.getElementById("demo").innerHTML = text;
}

function validasinama(){
var huruf = /^[a-zA-Z]+(([\'\,\.\- ][a-zA-Z ])?[a-zA-Z]*)*$/;
var nama = document.getElementById("nama").value;
if (nim.match(huruf)){

} else{
pesan1 = "harus berisi huruf";
}
document.getElementById("demo1").innerHTML = pesan1;
}

function validasiemail(){
var emailValid = /^\w+@[a-zA-Z_]+?\.[a-zA-Z]{2,3}$/;
var email = document.getElementById("emial").value;
if (nim.match(emailValid)){

} else{
pesan2 = "harus berisi huruf";
}
document.getElementById("demo2").innerHTML = pesan2;
}

function validasiumur(){
var umurrr = /^Range [15-45]/;
var umur = document.getElementById("umur").value;
if (nim.match(umurrr)){

} else{
pesan3 = "harus berisi huruf";
}
document.getElementById("demo3").innerHTML = pesan3;

}

function validasiuser(){
var userrr = Range (15-45);
var umur = document.getElementById("umur").value;
if (nim.match(umurrr)){

} else{
pesan3 = "harus berisi huruf";
}
document.getElementById("demo3").innerHTML = pesan3;
return true
}

</script>
</head>
<body>
<form>
<table>

<tr>
<td>NIM</td>
<td>:</td>
<td><input type="text" name="nim" placeholder="nim Anda" onkeyup="validasinim()"/></td>
<td><p id="demo">--></p></td>
</tr>

<tr>
<td>Nama Lengkap</td>
<td>:</td>
<td><input type="text" name="nama" placeholder="nama lengkap Anda" onkeyup="validasinama()" /></td>
<td><p id="demo1">--></p></td>
</tr>

<tr>
<td>Email</td>
<td>:</td>
<td><input type="text" name="email" placeholder="email Anda" onkeyup="validasiemail()" /></td>
<td><p id="demo2">--></p></td>
</tr>

<tr>
<td>Umur</td>
<td>:</td>
<td><input type="text" name="umur" placeholder="15-45" onkeyup="validasiumur()" /></td>
<td><p id="demo1">--></p></td>
</tr>

<tr>
<td>Username</td>
<td>:</td>
<td><input type="text" name="user" placeholder="username"/></td>
</tr>

<tr>
<td>Password</td>
<td>:</td>
<td><input type="password" name="pass" placeholder="password" /></td>
</tr>

<tr>
<td><input type="submit" value="Simpan Data" name="submit" /></td>

</tr>

</table>
</form>
</body>
</html>

2. index1.php

<!DOCTYPE html>
<html>
<head>
<title>Form</title>
<script type="text/javascript">

function ceknim(){
var angka = /^[0-9]+$/;
var nim = document.getElementById("nim").value;
if (nim.match(angka)){
text1 = "ok";
}else{
text1 = "NIM harus Angka!";
}
document.getElementById("demo").innerHTML = text1;
}

function ceknama(){
var huruf = /^[a-zA-Z]+$/;
var nama = document.getElementById("nama").value;
if (nama.match(huruf)){
text2 ="ok";
}else{
text2 = "Nama harus Huruf!";
}
document.getElementById("demo1").innerHTML = text2;
}

function cekemail(){
var mail = /^\w+@[a-zA-Z]+?\.[a-zA-Z]{2,3}$/;
var email = document.getElementById("email").value;
if (email.match(mail)){
text3 = "ok";
}else{
text3 = "Email belum benar!";
}
document.getElementById("demo3").innerHTML = text3;
}

function cekumur(){
var angka = /^[0-9]+$/;
var umur = document.getElementById("umur").value;
if (isNaN(umur)){
text4 = "harus berisi angka!";
}else if(umur <15 || umur>45){
text4= "benar";
}
document.getElementById("demo3").innerHTML = text4;
}

</script>
</head>
<body>
<form>
<table>
<tr><td><input type="text" id="nim" placeholder="NIM" onkeyup="ceknim()"></td>
<td><p id="demo">*</p></td>
</tr>
<tr>
<td><input type="text" id="nama" placeholder="Nama" onkeyup="ceknama()"></td>
<td><p id="demo1">*</p></td>
</tr>
<tr>

<td><input type="text" id="email" placeholder="Email" onkeyup="cekemail()"></td>
<td><p id="demo3">*</p></td>
</tr>
<tr>

<td><input type="text" id="umur" placeholder="Umur" onkeyup="cekumur()"></td>
<td><p id="demo4">*</p></td>
</tr>
<tr>

<td><input type="text" id="user" placeholder="Username"></td>
<td></td>
</tr>
<tr>

<td><input type="password" id="pass" placeholder="password"></td>
<td><p> </p></td>
</tr>
<tr>
<td><input type="submit" name="submit"></td>
<td><p> </p></td>
</tr>
</table>
</form>

</body>
</html>

3. coba.php

<script>
function validasi(){
var nimValid = /^[0-9]*$/;
var namaValid = /^[a-zA-Z]+(([\'\,\.\- ][a-zA-Z ])?[a-zA-Z]*)*$/;
var emailValid = /^\w+@[a-zA-Z_]+?\.[a-zA-Z]{2,3}$/;
var nama = formulir.nama.value;
var jeniskelamin = formulir.jenis_kelamin.value;
var email = formulir.email.value;
var pesan = '';

if (nama == '') {
pesan = '-Nama tidak boleh kosong\n';
}

if (nama != '' && !nama.match(namaValid)) {
pesan += '-nama tidak valid\n';
}

if (jeniskelamin == '') {
pesan += '-jenis kelamin harus dipilih\n';
}

if (email == '') {
pesan += '-email tidak boleh kosong\n';
}

if (email !='' && !email.match(emailValid)) {
pesan += '-alamat email tidak valid\n';
}

if (pesan != '') {
alert('Maaf, ada kesalahan pengisian Formulir : \n'+pesan);
return false;
}
return true
}
</script>

<fieldset style="margin:auto; width:40%;">
<legend>Formulir Biodata</legend>
<form name="formulir" action="simpan_data.php" method="post" onSubmit="return validasi()">
<p>
Nama Lengkap : <br />
<input type="text" name="nama" placeholder="nama lengkap Anda" />
</p>

<p>
Jenis Kelamin : <br />
<select name="jenis_kelamin">
<option value="">-Pilih-</option>
<option value="laki-laki">Laki-Laki</option>
<option value="perempuan">Perempuan</option>
</select>
</p>

<p>
Email Anda : <br />
<input type="text" name="email" placeholder="email Anda" />
</p>

<p>
<input type="submit" value="Simpan Data" name="submit" />
<input type="reset" value="Reset Form" name="reset" />
</p>
</form>

</fieldset>

4. javascript.php

<!DOCTYPE html>

<html>

<head>

<title>Form Pendaftaran</title>

function validasinim(){

var angka = /^[0-9]+$/;

var nim = document.getElementById("nim").value;

if (nim.match(angka)){

} else{

text = "harus berisi angka";

}

document.getElementById("demo").innerHTML = text;

}

function validasinama(){

var huruf = /^[a-zA-Z]+(([\'\,\.\- ][a-zA-Z ])?[a-zA-Z]*)*$/;

var nama = document.getElementById("nama").value;

if (nim.match(huruf)){

} else{

pesan1 = "harus berisi huruf";

}

document.getElementById("demo1").innerHTML = pesan1;

}

function validasiemail(){

var emailValid = /^\w+@[a-zA-Z_]+?\.[a-zA-Z]{2,3}$/;

var email = document.getElementById("emial").value;

if (nim.match(emailValid)){

} else{

pesan2 = "harus berisi huruf";

}

document.getElementById("demo2").innerHTML = pesan2;

}

function validasiumur(){

var umurrr = /^Range [15-45]/;

var umur = document.getElementById("umur").value;

if (nim.match(umurrr)){

} else{

pesan3 = "harus berisi huruf";

}

document.getElementById("demo3").innerHTML = pesan3;

}

function validasiuser(){

var userrr = Range (15-45);

var umur = document.getElementById("umur").value;

if (nim.match(umurrr)){

} else{

pesan3 = "harus berisi huruf";

}

document.getElementById("demo3").innerHTML = pesan3;

return true

}

</script>

</head>

<body>

<form>

<table>

<tr>

</tr>

<tr>

<td>Nama Lengkap</td>

</tr>

<tr>

<td>Email</td>

</tr>

<tr>

</tr>

<tr>

<td>Username</td>

</tr>

<tr>

<td>Password</td>

</tr>

<tr>

</tr>

</table>

</form>

</body>

</html>

Author & Editor

Has laoreet percipitur ad. Vide interesset in mei, no his legimus verterem. Et nostrum imperdiet appellantur usu, mnesarchum referrentur id vim.

Random.

Kamis, 29 Desember 2016

Membuat form dengan php dan javascript

0 komentar:

Posting Komentar

Popular Posts

Labels

Blog Archive

About Author

Mengenai Saya