PHP Classes

File: js/register_validate.js

Recommend this page to a friend!
  Classes of Ankit Jain   Registration Module   js/register_validate.js   Download  
File: js/register_validate.js
Role: Auxiliary data
Content type: text/plain
Description: Auxiliary data
Class: Registration Module
Register and login users in MySQL database records
Author: By
Last change:
Date: 6 years ago
Size: 4,643 bytes
 

Contents

Class file image Download
var valName = 1; var valEmail = 1; var valUser = 1; var valMob = 1; var valPassRegister = 1; var errorText = '{"font-size":"12px","color":"#a94442","display":"inline-block","padding": "5px","font-weight": "700"}'; errorText = JSON.parse(errorText); var errorInput = '{"outline":"none","border-color":"#a94442"}'; errorInput = JSON.parse(errorInput); var removeError = '{"outline":"none","border-color":"#ccc"}'; removeError = JSON.parse(removeError); function showError(key, value) { key = "#"+key; var selector = "input"+key; $(selector).prev("span").remove(); $(key).css(errorInput); var txt = $("<span></span>").text(value).css(errorText); $(key).before(txt); } function validateEmail(val) { var re = /^\S+@\w+\.\w+$/; return re.test(val); } function name() { var name = $("#name").val(); $("#name + span").text(""); if(name === "") { valName = 1; showError("name", " *Please input your name"); } else { $("#name").css(removeError); valName = 0; } } function email() { var val = $("#email").val(); var ret = validateEmail(val); $("input#email").prev("span").remove(); if(val === "") { valEmail = 1; showError("email", " *Enter Your email address"); } else if(!ret) { valEmail = 1; showError("email", " *Invalid Email"); } else { $("#email").css(removeError); valEmail = 0; } } function username() { var val = $("#username").val(); var re = /^\S+@/; $("input#username").prev("span").remove(); if(val === "") { valUser = 1; showError("username", " *Enter Your username"); } else if(re.test(val)) { valUser = 1; showError("username", " *Invalid username"); } else { $("#username").css(removeError); valUser = 0; } } function mob() { var mob = $("#mob").val(); var re = /^[0-9]{10}$/; $("input#mob").prev("span").remove(); if(mob === "") { valMob = 1; showError("mob", " *Enter your mobile no."); } else if(!re.test(mob)) { valMob = 1; showError("mob", " *Enter 10 digit mobile no."); } else { $("#mob").css(removeError); valMob = 0; } } function passwordRegister() { var pass = $("#passRegister").val(); $("input#passRegister").prev("span").remove(); if(pass === "") { valPassRegister = 1; showError("passRegister", " *Enter your password"); } else { $("#passRegister").css(removeError); valPassRegister = 0; } } function initRegister() { name(); email(); username(); mob(); passwordRegister(); } // Name validation $("#name").blur(function() { name(); }); // Email validation $("#email").keyup(function() { email(); }); $("#email").blur(function() { email(); }); // username validation $("#username").blur(function() { username(); }); // Mobile validation $("#mob").blur(function() { mob(); }); //Password validation $("#passRegister").blur(function() { passwordRegister(); }); function registerCheck() { var name = $("#name").val(); var email = $("#email").val(); var username = $("#username").val(); var mob = $("#mob").val(); var password = $("#passRegister").val(); initRegister(); if(valName === 0 && valEmail === 0 && valUser === 0 && valMob === 0 && valPassRegister === 0) { var q = { "name": name, "email": email, "username": username, "mob": mob, "password": password }; q = "q=" + JSON.stringify(q); // console.log(q); var xmlhttp = new XMLHttpRequest(); xmlhttp.onreadystatechange = function() { if (xmlhttp.readyState == 4 && xmlhttp.status == 200) { var result = JSON.parse(xmlhttp.responseText); // console.log(result); if(result["location"]) { location.href = result["location"]; } $(result).each(function(index, element) { showError(element["key"], element["value"]); }); } }; xmlhttp.open("POST", "ajax/validate_register.php", true); xmlhttp.setRequestHeader("Content-type", "application/x-www-form-urlencoded"); xmlhttp.send(q); } else { // alert("Please Fill correct details"); $("#myModal").modal(); } }