Codeigniter Tutorials
- What is codeigniter?
- Application_Architecture
- MVC Architecture
- HMVC Architecture
- Codeigniter Configuration
- Remove index.php from url in codeigniter
- MVC Concept
- View
- Alternate PHP Syntax for View Files
- Routing
- Codeigniter URL
- Get Current URL
- Previous page URL get
- Seo Friendly URL
- Slug Create in codeigniter
- What is _remap() function
- Remove controller name from url in codeigniter
- Codeigniter Controller Class
- Class Constructor
- GET $ POST method in Codeigniter
- Models
- Basepath, Apppath, FCPATH
- URI Segment
- Page Redirect
- Helper class
- Custom Helper class
- Form Helper
- Common Helper Functions
- Common Function
- Array Problems
- Call controller in Helper
- Add active class to menu using Helper class
- Custom Library
- Custom Library Example
- when to use get_instance()
- Codeigniter Hook
- how to work inline css in codeigniter
- Custom 404 page
- 404 custom error page
- Create custom config file in codeigniter
- How to set and get config item value
- How to Speed Up CodeIgniter App?
- Codeigniter Functions
- Session
- cookies
- How to Set & Get Tempdata in Codeigniter
- flash messages in Codeigniter
- Flashdata
- Encryption and Decryption In CodeIgniter
- Codeigniter security
- csrf token form security
- Password Hashing
- Form Validation
- Custom Validation
- Registration Form with validation
- Server Side Form Validation
- Validate Select Option Field
- Date Format Validation
- Date Format change in codeigniter
- Date Functions
- DOB Validation
- CI CRUD
- User SignUp
- User Login
- User Logout
- Login Account
- Login form with RememberMe
- Login Form with session
- User change password
- Change Password with Callback Validation to Check Old Password
- Forgot password
- Reset password
- Insert data in database
- Fetch data from database
- Update data in database
- Delete data in database
- File Upload
- Image Upload with resize Image
- Upload Multiple file and images
- Upload Multiple images with CRUD
- File and image update
- Upload Image Using Ajax.
- Email Send
- Email Send Using Email library
- Email Send Using SMTP Gmail
- Notification send
- store data in json format in DB
- Json parse
- Fetch data Using Ajax with Json data
- How to Show data Using Ajax with Json parse
- Get JSON Data from PHP Script using jQuery Ajax
- Insert data Using Ajax
- Submit data Using Ajax with form validation
- How to show data Using Ajax in codeigniter
- Insert & Update Using Ajax
- Registration Form With Validation Using Ajax in codeigniter
- Delete data Using Ajax Confirmation
- Delete All data Using checkbox selection
- Ajax CSRF Token
- Ajax Post
- Ajax serverside form validation
- Contact form using AJAX with form validation
- DataTable Using Ajax dynamically
- DataTables pagination using AJAX with Custom filter
- DataTables AJAX Pagination with Search and Sort in codeigniter
- DataTables in Codeigniter using Ajax
- Ajax Custom Serarch
- Ajax Live Data Search using Jquery PHP MySql
- Ajax Custom Serarch and sorting in datatable
- Dynamic Search Using Ajax
- Autocomplete using jquery ajax
- Jquery Ajax Autocomplete Search using Typeahead
- Dynamic Dependent Dropdown Using Ajax
- Dynamic Dependent Dropdown list Using Ajax
- Dynamic Dependent Dropdown in codeigniter using Ajax
- ajax username/email availability check using JQuery
- Check Email Availability Using Ajax
- Data Load on mouse scroll
- Ajax CI Pagination
- Pagination in codeigniter
- Ajax Codeigniter Pagination
- email exists or not using ajax with json
- CRUD using AJAX With Modal popup in CI
- Add / Show Data on modal popup using Ajax
- Modal popup Validation using Ajax
- Data show on Modal popup Using Ajax
- Add / Remove text field dynamically using jquery ajax
- How to Add/Delete Multiple HTML Rows using JavaScript
- Delete Multiple Rows using Checkbox
- Multiple Checkbox value
- Form submit using jquery Example
- REST & SOAP API
- Multi-Language implementation in CodeIgniter
- How to pass multiple array in view
- Captcha
- create zip file and download
- PhpOffice PhpSpreadsheet Library (Export data in excel sheet)
- data export in excel sheet
- Excel File generate in Codeigniter using PHPExcel
- Dompdf library
- tcpdf library
- Html table to Excel & docs download
- CI Database Query
- Database Query
- SQL Injection Prevention
- Auth Model
- Join Mysql
- Tree View in dropdown option list
- OTP Integration in codeigniter
- curl post
- download file using curl
- Sweet Alert
- Sweet alert Delete & Success
- Log Message in Codeigniter
- Menu & Submenu show dynamically
- Set Default value in input box
- Cron Jobs
- Stored Procedure
- Display Loading Image when AJAX call is in Progress
- Send SMS
- IP Address
- Codeigniter Tutorialspoint
- Website Link
- How To Create Dynamic Xml Sitemap In Codeigniter
- Paypal Payment Integration
- Get Latitude and Longitude From Address in Codeigniter Using google map API
- How To Create Simple Bar Chart In Codeigniter Using AmCharts?
- dynamic Highcharts in Codeigniter
- Barcode in Codeigniter
- Codeigniter Interview Questions
- Project
Home » Codeigniter »
What is ?
Registration Form Example
File name : index.php
<html>
<head>
<title>
</title>
<link href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">
<script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/js/bootstrap.min.js"></script>
<script src="//code.jquery.com/jquery-1.11.1.min.js"></script>
<!------ Include the above in your HEAD tag ---------->
<style type="text/css">
.palel-primary
{
border-color: #bce8f1;
}
.panel-primary>.panel-heading
{
background:#bce8f1;
}
.panel-primary>.panel-body
{
background-color: #EDEDED;
}
</style>
<script type="text/javascript">
$(document).ready(function(){
$flag=1;
$("#myName").focusout(function(){
if($(this).val()==''){
$(this).css("border-color", "#FF0000");
$('#submit').attr('disabled',true);
$("#error_name").text("* You have to enter your first name!");
}
else
{
$(this).css("border-color", "#2eb82e");
$('#submit').attr('disabled',false);
$("#error_name").text("");
}
});
$("#lastname").focusout(function(){
if($(this).val()==''){
$(this).css("border-color", "#FF0000");
$('#submit').attr('disabled',true);
$("#error_lastname").text("* You have to enter your Last name!");
}
else
{
$(this).css("border-color", "#2eb82e");
$('#submit').attr('disabled',false);
$("#error_lastname").text("");
}
});
$("#dob").focusout(function(){
if($(this).val()==''){
$(this).css("border-color", "#FF0000");
$('#submit').attr('disabled',true);
$("#error_dob").text("* You have to enter your Date of Birth!");
}
else
{
$(this).css("border-color", "#2eb82e");
$('#submit').attr('disabled',false);
$("#error_dob").text("");
}
});
$("#gender").focusout(function(){
$(this).css("border-color", "#2eb82e");
});
$("#age").focusout(function(){
if($(this).val()==''){
$(this).css("border-color", "#FF0000");
$('#submit').attr('disabled',true);
$("#error_age").text("* You have to enter your Age!");
}
else
{
$(this).css({"border-color":"#2eb82e"});
$('#submit').attr('disabled',false);
$("#error_age").text("");
}
});
$("#phone").focusout(function(){
$pho =$("#phone").val();
if($(this).val()==''){
$(this).css("border-color", "#FF0000");
$('#submit').attr('disabled',true);
$("#error_phone").text("* You have to enter your Phone Number!");
}
else if ($pho.length!=10)
{
$(this).css("border-color", "#FF0000");
$('#submit').attr('disabled',true);
$("#error_phone").text("* Lenght of Phone Number Should Be Ten");
}
else if(!$.isNumeric($pho))
{
$(this).css("border-color", "#FF0000");
$('#submit').attr('disabled',true);
$("#error_phone").text("* Phone Number Should Be Numeric");
}
else{
$(this).css({"border-color":"#2eb82e"});
$('#submit').attr('disabled',false);
$("#error_phone").text("");
}
});
$( "#submit" ).click(function() {
if($("#myName" ).val()=='')
{
$("#myName").css("border-color", "#FF0000");
$('#submit').attr('disabled',true);
$("#error_name").text("* You have to enter your first name!");
}
if($("#lastname" ).val()=='')
{
$("#lastname").css("border-color", "#FF0000");
$('#submit').attr('disabled',true);
$("#error_lastname").text("* You have to enter your Last name!");
}
if($("#dob" ).val()=='')
{
$("#dob").css("border-color", "#FF0000");
$('#submit').attr('disabled',true);
$("#error_dob").text("* You have to enter your Date of Birth!");
}
if($("#age" ).val()=='')
{
$("#age").css("border-color", "#FF0000");
$('#submit').attr('disabled',true);
$("#error_age").text("* You have to enter your Age!");
}
if($("#phone" ).val()=='')
{
$("#phone").css("border-color", "#FF0000");
$('#submit').attr('disabled',true);
$("#error_phone").text("* You have to enter your Phone Number!");
}
});
});
</script>
</head>
<body>
<div class="row">
<div class="col-md-6 col-sm-12 col-lg-6 col-md-offset-3">
<div class="panel panel-primary">
<div class="panel-heading">Enter Your Details Here
</div>
<div class="panel-body">
<form name="myform">
<div class="form-group">
<label for="myName">First Name *</label>
<input id="myName" name="myName" class="form-control" type="text" data-validation="required">
<span id="error_name" class="text-danger"></span>
</div>
<div class="form-group">
<label for="lastname">Last Name *</label>
<input id="lastname" name="lastname" class="form-control" type="text" data-validation="email">
<span id="error_lastname" class="text-danger"></span>
</div>
<div class="form-group">
<label for="age">Age *</label>
<input id="age" name="age" class="form-control" type="number" min="1" >
<span id="error_age" class="text-danger"></span>
</div>
<div class="form-group">
<label for="dob">Date Of Birth *</label>
<input type="date" name="dob" id="dob" class="form-control">
<span id="error_dob" class="text-danger"></span>
</div>
<div class="form-group">
<label for="gender">Gender</label>
<select name="gender" id="gender" class="form-control">
<option selected>Male</option>
<option>Female</option>
<option>Other</option>
</select>
<span id="error_gender" class="text-danger"></span>
</div>
<div class="form-group">
<label for="phone">Phone Number *</label>
<input type="text" id="phone" name="phone" class="form-control" >
<span id="error_phone" class="text-danger"></span>
</div>
<div class="form-group">
<label for="disc">Discription</label>
<textarea class="form-control" rows="3"></textarea>
</div>
<button id="submit" type="submit" value="submit" class="btn btn-primary center">Submit</button>
</form>
</div>
</div>
</div>
</div>
</body>
</html>
Demo
File name : index.php
Demo 2
File name : index.php
Demo 3
File name : index.php
File name : index.php
File name : index.php
File name : index.php
File name : index.php
File name : index.php
File name : index.php
File name : index.php
File name : index.php
File name : index.php
File name : index.php
File name : index.php
File name : index.php
File name : index.php
File name : index.php
File name : index.php