File: /home/cafsindia/crm_cafsindia_com/application/views/signup.php
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<base href="<?php echo base_url();?>" />
<title><?php echo $this->config->item('company') . ' | SBIT ' . $this->config->item('application_version') . ' | ' . $this->lang->line('signup_signup'); ?></title>
<link rel="shortcut icon" type="image/x-icon" href="images/favicon.png">
<!-- start css template tags -->
<link rel="stylesheet" type="text/css" href="dist/bootstrap.min.css?rel=50ab19585f"/>
<link rel="stylesheet" type="text/css" href="css/login.css"/>
<link rel="stylesheet" type="text/css" href="dist/font-awesome.min.css"/>
<!-- end css template tags -->
</head>
<body class="login-body">
<div id="logo" align="center"><img src="<?php echo base_url();?>/images/logo.png"></div>
<div id="login">
<?php echo form_open('signup') ?>
<div id="container">
<div id='errors' align="center" style="color:red"><?php echo validation_errors(); ?></div>
<div id="signup_form">
<h3 class="form-title">SignUp</h3>
<?php echo form_label($this->lang->line('sign_mob_email'), 'sign_mob_email', array('class' => 'control-label')); ?>
<?php echo form_input(array('name'=>'sign_mob_email', 'id'=>'sign_mob_email', 'class'=>'form-control', 'size'=>'20','placeholder'=> "Enter Email or Mobile Number")); ?>
<!-- <?php echo $this->lang->line('signup_mob'); ?>
<?php echo form_input(array('name'=>'signup_mobile', 'id'=>'signup_mobile', 'class'=>'form-control number', 'size'=>'20', 'maxlength'=>'10')); ?>
<?php echo $this->lang->line('signup_eml'); ?>
<?php echo form_input(array('name'=>'signup_emil', 'id'=>'signup_emil', 'class'=>'form-control', 'size'=>'20')); ?>
-->
<input type="button" class="btn btn-primary btn-block" id="signupButton" name="signupButton" value="Sign up"/>
<div id="signupload" style="display:none;text-align:center;"><i class='fa fa-circle-o-notch fa-spin fa-large fa-fw'></i> Processing please wait...</div>
</div>
<div id="signup_otp" style="display:none;">
<?php echo $this->lang->line('otp'); ?>
<?php echo form_input(array('name'=>'otp_box', 'id'=>'otp_box', 'class'=>'form-control number', 'size'=>'20','maxlength'=>'6')); ?>
<?php echo $this->lang->line('sign_pwd'); ?>
<?php echo form_input(array('type'=>'password','name'=>'sign_pwd', 'id'=>'sign_pwd', 'class'=>'form-control', 'size'=>'20')); ?>
<?php echo $this->lang->line('sign_repwd'); ?>
<?php echo form_input(array('type'=>'password','name'=>'sign_repwd', 'id'=>'sign_repwd', 'class'=>'form-control', 'size'=>'20')); ?>
<input type="button" class="btn btn-primary btn-block" id="otpbtn" name="otpbtn" value="Verify OTP"/>
<div id="otpload" style="display:none;text-align:center;"><i class='fa fa-circle-o-notch fa-spin fa-large fa-fw'></i> Processing please wait...</div>
</div>
<div style="padding:8px;text-align:right;"> Have an account? <a href="<?php echo base_url();?>index.php/login"><?php echo $this->lang->line('sign_log'); ?></a></div>
</div>
<?php echo form_close(); ?>
</div>
<script src="dist/opensourcepos.min.js"></script>
<!-- <script src="dist/signup.js"></script> -->
<script type="text/javascript">
$(document).ready(function(){
// $(".number").keydown(function (e) {
// // Allow: backspace, delete, tab, escape, enter and .
// if ($.inArray(e.keyCode, [46, 8, 9, 27, 13, 110, 190]) !== -1 ||
// // Allow: Ctrl+A
// (e.keyCode == 65 && e.ctrlKey === true) ||
// // Allow: Ctrl+C
// (e.keyCode == 67 && e.ctrlKey === true) ||
// // Allow: Ctrl+X
// (e.keyCode == 88 && e.ctrlKey === true) ||
// // Allow: Ctrl+V
// (e.keyCode == 86 && e.ctrlKey === true) ||
// // Allow: home, end, left, right
// (e.keyCode >= 35 && e.keyCode <= 39)) {
// // let it happen, don't do anything
// return;
// }
// // Ensure that it is a number and stop the keypress
// if ((e.shiftKey || (e.keyCode < 48 || e.keyCode > 57)) && (e.keyCode < 96 || e.keyCode > 105)) {
// e.preventDefault();
// }
// });
//Sign up
$("#signupButton").click(function(){
sign_mob_email = $("#sign_mob_email").val();
eml = "";
mob = "";
if($.isNumeric(sign_mob_email)){
if(!checkMobile(sign_mob_email)){
$("#errors").html("Invalid Mobile number");
return false;
}else{
mob = sign_mob_email;
}
}else{
if(!checkEmail(sign_mob_email)){
$("#errors").html("Invalid Email");
return false;
}else{
eml = sign_mob_email;
}
}
$("#errors").html("");
$("#signupButton").hide();
$("#signupload").show();
urlLink = "<?php echo base_url('index.php/login/signup_check'); ?>";
params = "eml=" +eml + "&mob=" +mob;
ajaxPostJQ(urlLink, params, signup_Callback);
});
$("#otpbtn").click(function(){
otp = $("#otp_box").val();
pwd = $("#sign_pwd").val();
repwd = $("#sign_repwd").val();
if((otp === "") || (pwd === "") || (repwd === "")){
$("#errors").html("please enter valid information");
return false;
}else
if(pwd !== repwd){
$("#errors").html("Password Mismatched");
return false;
}
pwdlen = pwd.length;
if(parseInt(pwdlen) < 8){
$("#errors").html("Password Min 8 charater");
return false;
}
$("#otpbtn").hide();
$("#otpload").show();
urlLink = "<?php echo base_url('index.php/login/verify_otp'); ?>";
params = "otp=" +otp + "&pwd=" +pwd;
ajaxPostJQ(urlLink, params, verifyotp_Callback);
});
});
// Signup call back and show otp
function signup_Callback(data){
Rslt = JSON.parse(data);
if(Rslt.sts === "1"){
$("#signup_form").hide();
$("#signup_otp").show();
}else
if(Rslt.sts === "2"){
alert("Already register with this mobile number, Please Login Now");
window.location.replace('<?php echo base_url('index.php/Login'); ?>');
}
}
//verify otp call back
function verifyotp_Callback(data){
Rslt = JSON.parse(data);
if(Rslt.sts === "0"){
$("#errors").html("Invalid OTP");
$("#otp_box").val("");
$("#sign_pwd").val("");
$("#sign_repwd").val("");
$("#otpload").hide();
$("#otpbtn").show();
}else{
window.location.replace('<?php echo base_url('index.php/Login'); ?>');
}
}
// Ajax POST
function ajaxPostJQ(urlLink, params, callbackfn) {
$.ajax({
type: 'POST',
url: urlLink,
data: params,
dataType: 'html',
traditional: true,
async: true,
success: callbackfn
});
}
// Function For Email Verification
function checkEmail(email){
if(email === ""){
return false;
}
if(/^\w+([\.-]?\w+)*@\w+([\.-]?\w+)*(\.\w{2,3})+$/.test(email)){
return true;
}
return false;
}
//Function use to chaeck valid mobile number
function checkMobile(mob){
var mobLen = mob.length;
if(mob === ""){
return false;
}
if(mob.charAt(0) === '0' || mob.charAt(0) === '1'|| mob.charAt(0) === '2' || mob.charAt(0) === '3' || mob.charAt(0) === '4' || mob.charAt(0) === '5' || mob.charAt(0) === '6'){
return false;
}
if(mobLen !== 10){
return false;
}
return true;
}
</script>
</body>
</html>