PHP Form Validation in Hindi

Table of Contents

1 PHP form validation Introduction
2 Type of form validation
3 Server side validation example
4 PHP Form server side validation
5 Client-side validation using javascript

PHP form validation Introduction

हेलो दोस्तों इस tutorial post में हम form validation के बारे में जानेगे की form में validation क्यों लगाया जाता है!. और form को validation कैसे करते है!. form validation सामन्य तोर पर server side और client side से किया जाता है ये सब हम इस tutorial में देखेंगे. मन लीजिये एक form है जिसमे हम user की information जैसे की firstname, lastname, email, mobile, profile photo, address जैसे data को fill करवना है!.

PHP form validation का मतलब की user जब इन सभी information submit करेंगे तब हम इन input value को check करेंगे की जो user ने information fill up की है वह valide है या नहीं. मन लीजिये हमने user से उसकी email address पूसा और उसने अपना mobile number fill up कर दिया तो user अपने currect information fill कर सके इसलिए हमें validation लगना जरुरी है!. php form में input field के साथ ” * “ symbol यह बताता है की यह input field mandatory या required fields है!. और form को हम HTML के इस्तेमाल से ही बना सकते है!.

jQuery HTML form validation in hindi

Type of form validation

PHP form में हम दो तरीके से validation लगा सकते है!.

Client-side validation: Client-side validation में क्या होता की जब बी user wrong information fill up करता है तो वह उसके browsers में ही validation perform हो जाता है!. client-side validation करने के लिए javascript, jQuery का खास करके इस्तेमाल करा जाता है!.

Server-side validation: Server-side validation me user जो बी information fill करेंगे वह server-side में check होगी और validate करेगा. server-side validation करने के लिए server-side language का इस्तेमाल किया जाता है जैसे की PHP…

Server side validation example

User जब HTML form का इस्तेमाल से form submit करता है तब php, form input का server side में validate करता है!.

Input length
Empty values
Numbers only
Validate email address

The HTML Form

निचे देख सकते है हमने एक HTML form create किया है और इस form में हमने FirstName, LastName, Email, Mobile, Password जैसे input field सेट की है और उसका हम php का इस्तेमाल करके server side में validation करेंगे!.

Example:

<!DOCTYPE html>
<html>
   <head>
      <title>PHP Form server side validation</title>
   </head>
   <body>
      <h2>PHP Form server side validation</h2>
      	<form action="" method="post">
         <div>
            <label for="FirstName">First Name:<sup>*</sup></label>
            <input type="text" name="firstname" id="FirstName">
	 </div>
	<div>
            <label for="LastName">Last Name:<sup>*</sup></label>
            <input type="text" name="lastname" id="LasttName">
	 </div>            
         <div>
            <label for="Email">Email:<sup>*</sup></label>
            <input type="email" name="email" id="Email">
         </div>
	<div>
	   <label for="Mobile">Mobile:<sup>*</sup></label>
           <input type="number" name="mobile" id="mobile">		   	
	</div>
	<div>
	   <label for="Password">Password:<sup>*</sup></label>
           <input type="password" name="password" id="password">		   	
	</div>
         <input type="submit" name="submit" value="Submit">
      </form>
   </body>
</html>

output

PHP Form server side validation

Server side validation code

Form में user information fills up करके submit button पर click करेंगे तो सब information form के action attribute में जो location set होगी वह पे data send हो जायेंगे. अगर action attributes में location सेट नहीं की है तो इसका मतलब data उसी file में चेक होंगे या उस data के साथ process कर सकते है!.

Example:

<?php
if(isset($_POST['submit'])){

  $firstname = $_POST['firstname'];
  $lastname = $_POST['lastname'];
  $email = $_POST['email'];
  $mobile = $_POST['mobile'];
  $password = $_POST['password'];
  
  if (empty( $firstname )) {
    $errmsg = "<span style='color:red'> FirstName should be not empty.</span> </br>";
    echo $errmsg;
  }
  if (empty( $lastname )) {
    $errmsg = "<span style='color:red'> Lastname should be not empty. </span></br>";
    echo $errmsg;
  }
  if (empty( $email )) {
    $errmsg = " <span style='color:red'> Email should be not empty.</span> </br>";
    echo $errmsg;
  }elseif(!preg_match("/^[_\.0-9a-zA-Z-]+@([0-9a-zA-Z][0-9a-zA-Z-]+\.)+[a-zA-Z]{2,6}$/i", $email)){
    $errmsg = " <span style='color:red'> You did not enter a valid email.</span></br>";
    echo $errmsg;
  }
  if (empty( $mobile )) {
    $errmsg = "<span style='color:red'> Mobile should be not empty.</span> </br>";
    echo $errmsg;
  }elseif(strlen($mobile)<10){
    $errmsg =  "<span style='color:red'> Number should be ten digits.</span>";
    echo $errmsg;
  }
  if (empty( $password )) {
    $errmsg = "<span style='color:red'> Password should be not empty.</span> </br>";
    echo $errmsg;
  }

}
?>

Client-side validation using javascript

Client side validation हम javascript और jquery का इस्तेमाल से लगा सकते है. form validation javascript के इस्तेमाल से करने के लिए हमने just form में onsubmit attribute में ValidationForm() function call करा है. यह function तब call होगा जब user submit button पे click करेंगा.

<form action="" method="post" onsubmit="return ValidationForm()"></form>

Client-side validation Example

<!DOCTYPE html>
<html>
   <head>
      <title>PHP Form server side validation</title>
   </head>
   <script type="text/javascript">
    function ValidationForm(){

        var FirstName = document.getElementById("FirstName").value;
        var LastName = document.getElementById("LasttName").value;
        var Email = document.getElementById("Email").value;
        var mobile = document.getElementById("mobile").value;
        var password = document.getElementById("password").value;

          if (  FirstName =="" ) {
              alert("Enter FirstName");
              return false;
          }

          if ( LastName =="" ) {
              alert("Enter LastName");
              return false;
          }
          if (  Email =="" ) {
              alert("Enter Email");
              return false;
          }
          var checkemail = /^(\".*\"|[A-Za-z]\w*)@(\[\d{1,3}(\.\d{1,3}){3}]|[A-Za-z]\w*(\.[A-Za-z]\w*)+)$/
          var valiedemail = Email.match(checkemail);
          if (valiedemail == null) {
              alert("Your email address is incorrect. Please try again.");
              return false;
          }
          if (  mobile =="" ) {
              alert("Enter Mobile");
              return false;
          }
          if(  password =="" ) {
             alert("Enter Password");
             return false;
          }
          
     }
   </script>
   <body>
      <h2>PHP Form server side validation</h2>
        <form action="" method="post" onsubmit="return ValidationForm()">
         <div>
            <label for="FirstName">First Name:<sup>*</sup></label>
            <input type="text" name="firstname" id="FirstName">
   	</div>
  	<div>
            <label for="LastName">Last Name:<sup>*</sup></label>
            <input type="text" name="lastname" id="LasttName">
   	</div>            
         <div>
            <label for="Email">Email:<sup>*</sup></label>
            <input type="text" name="email" id="Email">
         </div>
  	<div>
     	   <label for="Mobile">Mobile:<sup>*</sup></label>
           <input type="number" name="mobile" id="mobile">        
  	</div>
  	<div>
     	   <label for="Password">Password:<sup>*</sup></label>
           <input type="password" name="password" id="password">        
  	</div>
         <input type="submit" name="submit" value="Submit">
      </form>
   </body>
</html>

ऊपर के example में देख सकते है की user जब submit button पे click करेनगे तो ValidationForm() function call होगा और इस form में हमने form element के ID से value get करके चेक किया है की input element में value currect है की नहीं और वह हमने check कराया है!.
javascript में ID के value get करने के लिए document.getElementById( ” ” ).value का इस्तेमाल किया जाता है!.

jQuery HTML form validation in hindi