In this posts, i am going to share with you how to make bootstrap photo gallery with validation and fancybox in laravel 5 application.
As we know, we almost require to develop image gallery module for user. Photo album will help to easily upload image and remove that with proper validation. So we always want to built good bootstrap layout with image gallery. However in this example, we will implement photo gallery from scratch with good layout that way you can simply built it with your project.
In this example i created "image_gallery" table with main 'title' and 'image' columns. I created o.....
Today, i am going to share with you how to create CRUD Application with pagination using JQuery Ajax in Codeigniter 3.
CRUD is a basic step of any Core Language or framework. CRUD stand for Create Read Update and Delete. So in this post we will learn insert update delete in codeigniter using jquery Ajax. I gave you example from scratch so if you don't know about Codeigniter 3 then no issue. You have to just follow simple step.
There are listed bellow step you have to follow:
<strong>1)Download Fresh Codeigniter 3</strong>
<strong>2)Create Database and Configuration</strong>
Today, I am going to show you How to image or file upload using jquery Ajax in our Laravel application. In this tutorial i explain step by step example code of ajax image upload using jquery form JS.
As you know today, we have basic feature image or file uploading(<a href="http://itsolutionstuff.com/post/laravel-53-image-upload-with-validation-exampleexample.html" target="_blank">Laravel 5.3 Image Upload with Validation example</a>) on our PHP Project Or Laravel application. Client always want to store image for profile, products, items, users etc. Laravel provide very simple way to store tha.....
Today, I want to share with you PHP Mysql CRUD using Jquery Ajax from scratch. CRUD stands for Create, Read, Update and Delete database data. Add, Edit, Update, and Delete functionality is used almost every PHP application. But today i will show you very simple way to crud using bootstrap model.
In this tutorial we will do insert, update and delete task for items. In this example i also use bootstrap for layout. I write just few step to follow you can make simple crud application with jquery pagination in your laravel 5 project.
In this example i used several jquery Plugin for fire Ajax, Aja.....
Today, I am going to give you how to use input form validation rules of Laravel 5.3. We always require to use form with validation in our Laravel application. So today you can learn how to implement validation rules and how to print error message on blade files.
Laravel 5 provide several pre-define validation rules that way we can user it simply. In this example i used some validation rules that listed bellow that need to apply.
<strong>1)required:</strong> for must be required field.
<strong>2)min:</strong> for limit to enter minimum character.
<strong>3)max:</strong> for limit to enter maxi.....
Laravel 5 provide new image dimensions validation option for image upload. In this validation rules we can set several rules like as listed bellow:
<strong class="step">Dimensions Rules:</strong>
In this Dimensions option through we can set fix width and height, if invalid width and height of image then it will return error. Same way we can set validation min and max height width on your validation.
We always need to add validation on form like registration form, contact form, login form etc. we always prefer to give validation error after page refresh but you can give validation without page refresh. If you use bootstrap then you can use easily validator.js plugin.
validator.js plugin gives client side validation without page refresh. We can use simply. validator.js plugin we can add validation in our PHP project, or any framework like laravel framework, codeigniter framework, symphony framework etc.
In this example i give you how can you give validation for require field, email, minle.....
Sometimes we require to add validation of max file size using jquery, If we have only single file for validation then we can do it easily that, but if we have multiple file then you have to calculate size of all selected files and then check max required file size.
So, in this example you can see how to check validation for max size in multiple file select using jquery.
<pre class="prettyprint lang-html">
<title>Jquery - multiple image upload with size validation</title>
<pre class="prettyprint lang-html">
<title>Jquery - ckeditor required field validation</title>