Validasi form php dengan javascript

Question

PHP Form Validation Rules Example ? Form validasi adalah from yang di bangun untuk memvalidasi sebuah data yang di inputkan oleh user, sesuai ketentuan yang di buat. Melanjutkan ulasaan tentang from handling yang telah di bahas pada artikel sebelumnya dalam artikel ini kita akan membuat form validasi menggunakan beberapa ketentuan atau Ketentuan validasi form yang akan kita buat sebagai berikut :

Table of Contents Show

Dapatkah javascript melakukan validasi form HTML?
Fitur laravel apa yang digunakan untuk memvalidasi form?
Apa yang dimaksud dengan form validasi?

Field	Validation Rules
Nama	Required. Hanya boleh berisi huruf dan spasi
E-mail	Required. Harus berisi alamat email yang valid (dengan @ dan.)
Website	Optional. Jika di isi, maka harus berisi URL yang valid
Comment	Opsional. Bidang masukan multi-baris (area teks)
Gender	Required. Harus memilih salah satu opsi

Baca Juga : Backup database dengan batchfile, Cara Implementasi JavaScript, Apa Itu JavaScript ?, Register & Unregister ActiveX control (OCX)

PHP Form Validation Rules Example – Hal pertama yang di lakukan adalah buatlah Text Fields atau element input meliputi text input berikut ini :

Nama: <input type="text" name="name">
Email: <input type="text" name="email">
Website: <input type="text" name="website">
komentar: <textarea name="comment" rows="5" cols="40"></textarea>

Kemudian selanjutnya buatlah radio button “gender” sebagai berikut :

Gender:
<input type="radio" name="gender" value="female">Female
<input type="radio" name="gender" value="male">Male

PHP Form Validation Rules – Untuk pembuatan element form perhatikan kode sebagai berikut :

<form method="post" action="<?php echo htmlspecialchars($_SERVER["PHP_SELF"]);?>">

Kemudian Saat form di kirimkan, data form di kirim dengan method = “post” dan di kirimkan ke halaman itu sendiri. Selanjutnya Dengan cara ini, kita akan mendapatkan message error di halaman yang sama dengan form.

PHP Form Validation Rules

Berikut adalah contoh lengkap PHP Form Validation Rules, perhatikan di bahwah ini :

<!DOCTYPE HTML>  
<html>
<head>
<style>
.error {color:#ff0000;}
</style>
</head>
<body>  

<?php
// Mendefinisakan variabel dan setting = ""
$nameErr = $emailErr = $genderErr = $websiteErr = "";
$name = $email = $gender = $comment = $website = "";

if ($_SERVER["REQUEST_METHOD"] == "POST") {
  if (empty($_POST["name"])) {
    $nameErr = "Name is required";
  } else {
    $name = test_input($_POST["name"]);
    // Cek nama terdiri dari huruf dan spasi
    if (!preg_match("/^[a-zA-Z-' ]*$/",$name)) {
      $nameErr = "Only letters and white space allowed";
    }
  }
  
  if (empty($_POST["email"])) {
    $emailErr = "Email is required";
  } else {
    $email = test_input($_POST["email"]);
    // cek fromat email
    if (!filter_var($email, FILTER_VALIDATE_EMAIL)) {
      $emailErr = "Invalid email format";
    }
  }
    
  if (empty($_POST["website"])) {
    $website = "";
  } else {
    $website = test_input($_POST["website"]);
    // validasi menggunakan regex untuk cek validasi format URL
    if (!preg_match("/\b(?:(?:https?|ftp):\/\/|www\.)[-a-z0-9+&@#\/%?=~_|!:,.;]*[-a-z0-9+&@#\/%=~_|]/i",$website)) {
      $websiteErr = "Invalid URL";
    }
  }

  if (empty($_POST["comment"])) {
    $comment = "";
  } else {
    $comment = test_input($_POST["comment"]);
  }

  if (empty($_POST["gender"])) {
    $genderErr = "Gender is required";
  } else {
    $gender = test_input($_POST["gender"]);
  }
}

function test_input($data) {
  $data = trim($data);
  $data = stripslashes($data);
  $data = htmlspecialchars($data);
  return $data;
}
?>

<h2>Contoh Validasi Form PHP</h2>
<p><span class="error">* required field</span></p>
<form method="post" action="<?php echo htmlspecialchars($_SERVER["PHP_SELF"]);?>">  
  Nama: <input type="text" name="name" value="<?php echo $name;?>">
  <span class="error">* <?php echo $nameErr;?></span>
  <br><br>
  Email: <input type="text" name="email" value="<?php echo $email;?>">
  <span class="error">* <?php echo $emailErr;?></span>
  <br><br>
  Website: <input type="text" name="website" value="<?php echo $website;?>">
  <span class="error"><?php echo $websiteErr;?></span>
  <br><br>
  Komentar: <textarea name="comment" rows="5" cols="40"><?php echo $comment;?></textarea>
  <br><br>
  Jenis Kelamin / Gender :
  <input type="radio" name="gender" <?php if (isset($gender) && $gender=="female") echo "checked";?> value="female">Female
  <input type="radio" name="gender" <?php if (isset($gender) && $gender=="male") echo "checked";?> value="male">Male  
  <span class="error">* <?php echo $genderErr;?></span>
  <br><br>
  <input type="submit" name="submit" value="Submit">  
</form>

<?php
echo "<h2>Output :</h2>";
echo $name;
echo "<br>";
echo $email;
echo "<br>";
echo $website;
echo "<br>";
echo $comment;
echo "<br>";
echo $gender;
?>

</body>
</html>

Berikut outputnya :

Baca Juga : Membuat Pernyataan Atau Statement Pada Javascript, JavaScript Syntax, Cara Install Microsoft SQL Server 2008 R2 (MSSQL 2008 R2) Cara Install Wonderware Intouch, Intouch Network Application Development (NAD), PHP Connection To MySQL Database

Dapatkah javascript melakukan validasi form HTML?

Selain menerapkan atribute pada form HTML, validasi dapat dilakukan dengan Javascript, melakukan validasi dengan javascript untuk mencegah form kosong ketika user menekan submit dapat dilakukan seperti berikut.

Fitur laravel apa yang digunakan untuk memvalidasi form?

Secara default laravel telah menyediakan sebuah fungsi untuk membuat proses validasi form. yaitu kita bisa menggunakan fungsi validate().

Apa yang dimaksud dengan form validasi?

Form validation adalah proses validasi data input yang diinputkan dari form. Proses validasi ini biasanya dilakukan di Controller dan menggunalan library form_validation .

kode php Validasi Form javascript Validasi password javascript