Codeigniter Ajax Registration Form With Validation

September 02, 2018

In Codeigniter, we are creating an Ajax Registration Form With Validation.

JQuery’s mythical being strategies extremely created straightforward to post information a knowledge a piece of information and come back that data while not refreshing the page. We can apply this jQuery mythical being post in CodeIgniter still. Before continuing any we tend to take into account that you just square measure a touch at home with the CodeIgniter PHP framework. With the assistance of the Associate in Nursing example, you'll find out how to post information to controller victimization the CodeIgniter jQuery mythical being methodology.

Friend's if you don't know how to install Codeigniter in localhost or sever read my last post click this link -https://www.softwarequery.com/2018/02/how-to-install-codeigniter-on-localhost.html

Step-1. We create an HTML code in index.php

-----------------------------------------------JQuery Code-------------------------------------------

Step- 2. Search html code ctrl+F this tag </head> and put the script.

Step-3. Go got HTML code and press button ctrl+f search </body> tag put this script.

<!DOCTYPE html>
       <script>
           $(function(){
      $('#p1').hide();
      $('#p2').hide();
     $("#submit").click(function(){
        var empty = false;
        $('#name').each(function() {
            if ($(this).val().length == 0) {
                empty = true;
            }
        });
        if (empty) {
            $('#p2').fadeIn();
            $("#p2").delay(2000).fadeOut();
        }
         else {
            var empty = false;
            $('#email').each(function() {
            if ($(this).val().length == 0) {
                empty = true;
            }
        });
        if (empty) { 
            $('#p2').fadeIn();
            $("#p2").delay(2000).fadeOut();
        }
        else{
         var name = $("input[name=name]").val();
         var email = $("input[name=email]").val();
         $.ajax({
            type: "POST",
            url: "<?php echo base_url('controoler_name/insert/'); ?>",
            data: {name:name,email:email},
            success: function() {
              $('#p1').fadeIn();
              $("#p1").delay(2000).fadeOut();
               $('#form').find("input[name=name], input[name=email]").val("");
            } 
           })
          }
})
</script>

----------------------------------------------Create Model---------------------------------------------

Step-4. Go to Model Folder and open create new model file save any name the put this code. After putting the code goes to the browser and type localhost/PHPMyAdmin create a new database name then make two field email, names.

.............................................................Create Controller...................................................................