Skip to content

Commit 5d15cf9

Browse files
rakeshkumar125rakeshkumar125
committed
Fxed issue of doble textbox selection
1 parent 0e23dd6 commit 5d15cf9

File tree

7 files changed

+969
-0
lines changed

7 files changed

+969
-0
lines changed

‎connection.php

Lines changed: 3 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,3 @@
1+
<?php mysql_connect("localhost", "root", "");
2+
mysql_select_db("validation");
3+
?>

‎index.php

Lines changed: 76 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,76 @@
1+
<title>Postnidea | Jquery Form validation with database using php</title>
2+
<head>
3+
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
4+
<style type="text/css">
5+
body{
6+
margin-top: 20px;
7+
}
8+
h3.heading {
9+
border-bottom: 3px solid #cccc;
10+
font-size: 17px;
11+
margin-bottom: 17px;
12+
margin-left: 16px;
13+
padding: 0 0 11px;
14+
width: 94%;
15+
}
16+
input[type=submit]{
17+
margin-left: 16px;
18+
}
19+
input[type=submit]+.alert-success{
20+
float: right;
21+
margin-right: 15px;
22+
padding: 6px;
23+
width: 77%;
24+
}
25+
.myform{
26+
height: 295px;
27+
}
28+
29+
</style>
30+
</head>
31+
<body>
32+
<div class="container">
33+
<div class="row">
34+
<div class="col-md-6 myform">
35+
<h3 class="heading">Form with error & success message</h3>
36+
<form id="case1" action="process.php?case=case1">
37+
<div class="col-md-6 form-group"><input type="text" class="form-control" name="fname" placeholder="Full Name"></div>
38+
<div class="col-md-6 form-group"><input type="text" class="form-control" name="username" placeholder="username"></div>
39+
<div class="col-md-6 form-group"><input type="password" class="form-control" name="password" placeholder="Password"></div>
40+
<div class="col-md-6 form-group"><input type="password" class="form-control" name="password1" placeholder="Confirm Password"></div>
41+
42+
<input type="submit" class="btn btn-primary" id="case1_button" value="Case 1">
43+
</form>
44+
</div>
45+
46+
<div class="col-md-6 myform">
47+
<h3 class="heading">Form with callback function</h3>
48+
<form id="case2" action="process.php?case=case2">
49+
<div class="col-md-6 form-group"><input type="text" class="form-control" name="fname1" placeholder="Full Name"></div>
50+
<div class="col-md-6 form-group"><input type="text" class="form-control" name="username1" placeholder="username"></div>
51+
<div class="col-md-6 form-group"><input type="password" class="form-control" name="password2" placeholder="Password"></div>
52+
<div class="col-md-6 form-group"><input type="password" class="form-control" name="password3" placeholder="Confirm Password"></div>
53+
54+
<input type="submit" class="btn btn-primary" id="case2_button" value="Case 2">
55+
</form>
56+
</div>
57+
58+
59+
<div class="col-md-6 myform">
60+
<h3 class="heading">Form success redirect to another page</h3>
61+
<form id="case3" action="process.php?case=case3">
62+
<div class="col-md-6 form-group"><input type="text" class="form-control" name="fname3" placeholder="Full Name"></div>
63+
<div class="col-md-6 form-group"><input type="text" class="form-control" name="username3" placeholder="username"></div>
64+
<div class="col-md-6 form-group"><input type="password" class="form-control" name="password4" placeholder="Password"></div>
65+
<div class="col-md-6 form-group"><input type="password" class="form-control" name="password5" placeholder="Confirm Password"></div>
66+
67+
<input type="submit" class="btn btn-primary" id="case3_button" value="Case 3">
68+
</form>
69+
</div>
70+
</div>
71+
</div>
72+
</body>
73+
<script type="text/javascript" src="https://code.jquery.com/jquery-3.1.1.min.js"></script>
74+
<script type="text/javascript" src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
75+
<script type="text/javascript" src="js/jquery.server_validation.js"></script>
76+
<script type="text/javascript" src="js/myscript.js"></script>

‎js/jquery.server_validation.js

Lines changed: 132 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,132 @@
1+
/*
2+
Validation Plugin
3+
Created on : Thursday, June 13, 2013
4+
Programmer : Shishir raven
5+
6+
Description: adds valiation to the form specified checking the form Server Side.
7+
8+
How to use:
9+
10+
Step 1 : Include this file into the form file
11+
12+
Step 2: Write the following code
13+
14+
$('#button_id').server_validation({
15+
form_id:'myform_without#',
16+
validtion_script:'services/script_that_will_return_json.php'
17+
});*/
18+
19+
jQuery.fn.server_validation = function(options){
20+
//For each matching class
21+
var settings = jQuery.extend({
22+
form_id :"myfrom",
23+
button_id : "",
24+
validtion_script:"services/somescript.php",
25+
before_validate_callback:function(){
26+
},
27+
after_success:function(){
28+
}
29+
},options);
30+
31+
//this.each(function(){
32+
33+
var element =$(this);
34+
35+
var element_id=$(element).attr('id');
36+
37+
//$(element).click(function(){
38+
$(document).on("click", '#'+settings.button_id, function() {
39+
40+
if(typeof(settings.before_validate_callback) == "function")
41+
{
42+
settings.before_validate_callback();
43+
}
44+
var button_name = $(element).html();
45+
//$(element).button('loading');
46+
47+
var formdata= $('#'+settings.form_id).serialize();
48+
var filetype = "";
49+
$('input[type=file]',$('#'+settings.form_id)).each(function(){
50+
param_name = $(this).attr('name');
51+
param_value = $(this).val();
52+
filetype = filetype + '&'+param_name+"="+param_value;
53+
})
54+
55+
formdata = formdata + filetype;
56+
57+
$.ajax({
58+
type: "POST",
59+
url: $('#'+settings.form_id).attr("action"),
60+
data: formdata,
61+
dataType:"json",
62+
beforeSend:function(){ $(element).html("loading"); },
63+
success: function(error_obj)
64+
{
65+
$('.error-message').remove();
66+
$('.control-group').removeClass('has-error');
67+
$('.form-group').removeClass('has-error');
68+
if(error_obj.status==false)
69+
{
70+
71+
$('#'+settings.button_id).after(alert_message(error_obj.data[0].error));
72+
//for redirecting the page after successful complete
73+
if(error_obj.data.length>1 && error_obj.data[1].link.length>0){
74+
location.href= error_obj.data[1].link;
75+
}
76+
77+
//$('#'+settings.form_id)[0].reset();
78+
$(element).html(button_name);
79+
$(element).removeAttr('disabled');
80+
$(element).removeClass('disabled');
81+
82+
//call the callback fundtion
83+
if(typeof(settings.after_success) == "function"){
84+
settings.after_success.call();
85+
}
86+
} else {
87+
88+
var top = 50000;
89+
var error = error_obj.data
90+
for(var x in error)
91+
{
92+
$("<span class='help-block error-message'> "+error[x].error+"</span>").insertAfter('[name="'+error[x].error_field+'"]');
93+
$('[name="'+error[x].error_field+'"]').parent().addClass('has-error');
94+
elemt_top = parseInt($("[name="+error[x].error_field+"]").offset().top);
95+
if(elemt_top<top)
96+
{
97+
top = elemt_top;
98+
}
99+
}
100+
101+
$('html,body').animate({scrollTop: top-100},'slow');
102+
$(element).html(button_name);
103+
$(element).removeAttr('disabled');
104+
$(element).removeClass('disabled');
105+
106+
}
107+
108+
}
109+
})
110+
return false;
111+
});
112+
//});
113+
}
114+
115+
116+
//reset error inputs
117+
$(document).on('click',"input[type='reset'],button[type='reset']",function(){
118+
$(".form-group").removeClass("has-error");
119+
$("span.help-block").remove();
120+
121+
});
122+
123+
function goToByScroll(element_name){
124+
$('html,body').animate({
125+
scrollTop: parseInt($("[name="+element_name+"]").offset().top)-100},
126+
'slow');
127+
}
128+
129+
function alert_message(message){
130+
var message = '<div class="alert alert-success fade in"><a href="#" class="close" data-dismiss="alert" aria-label="close">&times;</a>'+message+'</div>';
131+
return message;
132+
}

‎js/myscript.js

Lines changed: 7 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,7 @@
1+
$('#case1_button').server_validation({form_id:'case1',button_id:'case1_button'});
2+
$('#case2_button').server_validation({form_id:'case2',button_id:'case2_button',after_success:callback_function});
3+
$('#case3_button').server_validation({form_id:'case3',button_id:'case3_button'});
4+
5+
function callback_function(){
6+
alert("You can load other things or manupulate the other DOM elements");
7+
}

‎process.php

Lines changed: 87 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,87 @@
1+
<?php
2+
include("validation.php");
3+
4+
if(isset($_GET['case']) && $_GET['case']=="case1"){
5+
$config = array();
6+
$config['array_to_validate'] = $_POST;
7+
$config['required'] = "fname,username,password,password1";
8+
$config['unique_from_table'] = array(array('field_name' =>'username','table_name' =>'user','table_field'=>'username'));
9+
$config['compare']= array(array('field_name' =>'password','compare_field_name' =>'password1'));
10+
11+
$validate = new validator($config);
12+
$error = $validate->process_validation();
13+
14+
if($error==false){
15+
$mesasge = array(array("error_field"=>"","error"=>"Your data saved successfully"));
16+
$modified_array= array("status"=>false,"data"=>$mesasge);
17+
18+
} else {
19+
$username = mysql_real_escape_string($_POST['username']);
20+
$fullname = mysql_real_escape_string($_POST['fname']);
21+
$password = mysql_real_escape_string($_POST['password']);
22+
23+
mysql_query("INSERT INTO `user` (`username`, `password`, `fullname`) VALUES ('".$username."', '".md5($password)."', '".$fullname."');");
24+
$modified_array= array("status"=>true,"data"=>$error);
25+
26+
}
27+
echo json_encode($modified_array);
28+
die;
29+
}
30+
if(isset($_GET['case']) && $_GET['case']=="case2"){
31+
$config = array();
32+
$config['array_to_validate'] = $_POST;
33+
$config['required'] = "fname1,username1,password2,password3";
34+
$config['unique_from_table'] = array(array('field_name' =>'username1','table_name' =>'user','table_field'=>'username'));
35+
$config['compare']= array(array('field_name' =>'password2','compare_field_name' =>'password3'));
36+
37+
$validate = new validator($config);
38+
$error = $validate->process_validation();
39+
40+
if($error==false){
41+
$mesasge = array(array("error_field"=>"","error"=>"Your data saved successfully"));
42+
$modified_array= array("status"=>false,"data"=>$mesasge);
43+
44+
} else {
45+
$username = mysql_real_escape_string($_POST['username1']);
46+
$fullname = mysql_real_escape_string($_POST['fname1']);
47+
$password = mysql_real_escape_string($_POST['password2']);
48+
49+
mysql_query("INSERT INTO `user` (`username`, `password`, `fullname`) VALUES ('".$username."', '".md5($password)."', '".$fullname."');");
50+
$modified_array= array("status"=>true,"data"=>$error);
51+
52+
}
53+
echo json_encode($modified_array);
54+
die;
55+
}
56+
57+
if(isset($_GET['case']) && $_GET['case']=="case3"){
58+
59+
$config = array();
60+
$config['array_to_validate'] = $_POST;
61+
$config['required'] = "fname3,username3,password4,password5";
62+
$config['unique_from_table'] = array(array('field_name' =>'username3','table_name' =>'user','table_field'=>'username'));
63+
$config['compare']= array(array('field_name' =>'password4','compare_field_name' =>'password5'));
64+
65+
$validate = new validator($config);
66+
$error = $validate->process_validation();
67+
68+
if($error==false){
69+
$mesasge = array(array("error_field"=>"","error"=>"Your data saved successfully"),array("error_field"=>"","link"=>"http://google.com"));
70+
$modified_array= array("status"=>false,"data"=>$mesasge);
71+
72+
} else {
73+
$username = mysql_real_escape_string($_POST['username3']);
74+
$fullname = mysql_real_escape_string($_POST['fname3']);
75+
$password = mysql_real_escape_string($_POST['password4']);
76+
77+
mysql_query("INSERT INTO `user` (`username`, `password`, `fullname`) VALUES ('".$username."', '".md5($password)."', '".$fullname."');");
78+
$modified_array= array("status"=>true,"data"=>$error);
79+
80+
}
81+
echo json_encode($modified_array);
82+
die;
83+
84+
85+
}
86+
87+
?>

‎user.sql

Lines changed: 82 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,82 @@
1+
-- phpMyAdmin SQL Dump
2+
-- version 4.5.0.2
3+
-- http://www.phpmyadmin.net
4+
--
5+
-- Host: 127.0.0.1
6+
-- Generation Time: Jan 14, 2017 at 05:56 PM
7+
-- Server version: 10.0.17-MariaDB
8+
-- PHP Version: 5.5.30
9+
10+
SET SQL_MODE = "NO_AUTO_VALUE_ON_ZERO";
11+
SET time_zone = "+00:00";
12+
13+
14+
/*!40101 SET @OLD_CHARACTER_SET_CLIENT=@@CHARACTER_SET_CLIENT */;
15+
/*!40101 SET @OLD_CHARACTER_SET_RESULTS=@@CHARACTER_SET_RESULTS */;
16+
/*!40101 SET @OLD_COLLATION_CONNECTION=@@COLLATION_CONNECTION */;
17+
/*!40101 SET NAMES utf8mb4 */;
18+
19+
--
20+
-- Database: `validation`
21+
--
22+
23+
-- --------------------------------------------------------
24+
25+
--
26+
-- Table structure for table `user`
27+
--
28+
29+
CREATE TABLE `user` (
30+
`id` int(11) NOT NULL,
31+
`username` varchar(50) NOT NULL,
32+
`password` varchar(50) NOT NULL,
33+
`fullname` varchar(50) NOT NULL
34+
) ENGINE=InnoDB DEFAULT CHARSET=latin1;
35+
36+
--
37+
-- Dumping data for table `user`
38+
--
39+
40+
INSERT INTO `user` (`id`, `username`, `password`, `fullname`) VALUES
41+
(1, '', 'd41d8cd98f00b204e9800998ecf8427e', ''),
42+
(2, '', 'd41d8cd98f00b204e9800998ecf8427e', ''),
43+
(3, '', 'd41d8cd98f00b204e9800998ecf8427e', ''),
44+
(4, '', 'd41d8cd98f00b204e9800998ecf8427e', ''),
45+
(5, '', 'd41d8cd98f00b204e9800998ecf8427e', ''),
46+
(6, '', 'd41d8cd98f00b204e9800998ecf8427e', ''),
47+
(7, '', 'd41d8cd98f00b204e9800998ecf8427e', ''),
48+
(8, '', 'd41d8cd98f00b204e9800998ecf8427e', ''),
49+
(9, '', 'd41d8cd98f00b204e9800998ecf8427e', ''),
50+
(10, '', 'd41d8cd98f00b204e9800998ecf8427e', ''),
51+
(11, '', 'd41d8cd98f00b204e9800998ecf8427e', ''),
52+
(12, '', 'd41d8cd98f00b204e9800998ecf8427e', ''),
53+
(13, '', 'd41d8cd98f00b204e9800998ecf8427e', ''),
54+
(14, '', 'd41d8cd98f00b204e9800998ecf8427e', ''),
55+
(15, '', 'd41d8cd98f00b204e9800998ecf8427e', ''),
56+
(16, '', 'd41d8cd98f00b204e9800998ecf8427e', ''),
57+
(17, '', 'd41d8cd98f00b204e9800998ecf8427e', ''),
58+
(18, '', 'd41d8cd98f00b204e9800998ecf8427e', ''),
59+
(19, '', 'd41d8cd98f00b204e9800998ecf8427e', '');
60+
61+
--
62+
-- Indexes for dumped tables
63+
--
64+
65+
--
66+
-- Indexes for table `user`
67+
--
68+
ALTER TABLE `user`
69+
ADD PRIMARY KEY (`id`);
70+
71+
--
72+
-- AUTO_INCREMENT for dumped tables
73+
--
74+
75+
--
76+
-- AUTO_INCREMENT for table `user`
77+
--
78+
ALTER TABLE `user`
79+
MODIFY `id` int(11) NOT NULL AUTO_INCREMENT, AUTO_INCREMENT=20;
80+
/*!40101 SET CHARACTER_SET_CLIENT=@OLD_CHARACTER_SET_CLIENT */;
81+
/*!40101 SET CHARACTER_SET_RESULTS=@OLD_CHARACTER_SET_RESULTS */;
82+
/*!40101 SET COLLATION_CONNECTION=@OLD_COLLATION_CONNECTION */;

0 commit comments

Comments
 (0)