Guest User

Untitled

a guest
Aug 11th, 2018
205
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 11.73 KB | None | 0 0
  1. Jquery: Validate Form not working in Firefox
  2. <script type="text/javascript" >
  3. $(document).ready(function() {
  4. $('#fname').keyup(function() {
  5. $.post('action/validate_signup.php?key=fname', { fname: form.fname.value },
  6. function(result){
  7. $('#fname-error').html(result).show("slow");
  8. });
  9. });
  10.  
  11. $('#lname').keyup(function() {
  12. $.post('action/validate_signup.php?key=lname', { lname: form.lname.value },
  13. function(result){
  14. $('#lname-error').html(result).show("slow");
  15. });
  16. });
  17.  
  18. $('#zipcode').keyup(function() {
  19. $.post('action/validate_signup.php?key=zipcode', { zipcode: form.zipcode.value },
  20. function(result){
  21. $('#zipcode-error').html(result).show("slow");
  22. });
  23. });
  24.  
  25. $('#city').keyup(function() {
  26. $.post('action/validate_signup.php?key=city', { city: form.city.value },
  27. function(result){
  28. $('#city-error').html(result).show("slow");
  29. });
  30. });
  31.  
  32. $('#email').keyup(function() {
  33. $.post('action/validate_signup.php?key=email', { email: form.email.value },
  34. function(result){
  35. $('#email-error').html(result).show("slow");
  36. });
  37. });
  38.  
  39. $('#username').keyup(function() {
  40. $.post('action/validate_signup.php?key=username', { username: form.username.value },
  41. function(result){
  42. $('#username-error').html(result).show("slow");
  43. });
  44. });
  45.  
  46. $('#password').keyup(function() {
  47. $.post('action/validate_signup.php?key=pass', { pass: form.password.value },
  48. function(result){
  49. $('#password-error').html(result).show("slow");
  50. });
  51. });
  52.  
  53. $('#password2').keyup(function() {
  54. var pass1 = $('#password').val();
  55. var pass2 = $('#password2').val();
  56.  
  57. if( pass2.length < 5 ){
  58. $('#password2-error').html("Too short!").show("slow");
  59. }
  60. else if(pass2 != pass1){
  61. $('#password2-error').html("Didn't match!").show("slow");
  62. }else{
  63. $('#password2-error').html("<img src='images/check.jpg' />").show("slow");
  64. }
  65. });
  66. });
  67. </script>
  68.  
  69. <div class="signup-page">
  70. <form id="ContactForm" action="#" name="form">
  71. <h2><img src="images/mail.jpg" alt="Sign up to SittersCaregivers.com" width="23" height="24" >Contact Information</h2>
  72.  
  73. <div class="hr"></div>
  74. <div class="wrapper">
  75. <div class="error-div" id="fname-error" ></div>
  76. <label>First name:</label>
  77. <input type="text" class="input" name="fname" id="fname" />
  78. </div>
  79.  
  80. <div class="wrapper">
  81. <div class="error-div" id="lname-error" ></div>
  82. <label>Last name:</label>
  83. <input type="text" class="input" name="lname" id="lname" />
  84. </div>
  85.  
  86. <div class="wrapper">
  87. <div class="error-div" id="zipcode-error" ></div>
  88. <label>Zip code:</label>
  89. <input type="text" class="input" name="zipcode" id="zipcode" />
  90. </div>
  91.  
  92. <div class="wrapper">
  93. <div class="error-div" id="city-error" ></div>
  94. <label>City:</label>
  95. <input type="text" class="input" name="city" id="city" >
  96. </div>
  97.  
  98. <div class="wrapper">
  99. <div class="error-div" id="email-error" ></div>
  100. <label>Email Address:</label>
  101. <input type="text" class="input" name="email" id="email">
  102. </div>
  103.  
  104. <div class="wrapper">
  105. <div class="error-div" id="username-error" ></div>
  106. <label>Username:</label>
  107. <input type="text" class="input" name="username" id="username" />
  108. </div>
  109.  
  110. <div class="wrapper">
  111. <div class="error-div" id="password-error" ></div>
  112. <label>Create Password:</label>
  113. <input type="text" class="input" name="password" id="password">
  114. </div>
  115.  
  116. <div class="wrapper">
  117. <div class="error-div" id="password2-error" ></div>
  118. <label>Confirm Password:</label>
  119. <input type="password" class="input" name="password2" id="password2">
  120. </div>
  121.  
  122.  
  123. <div class="hr"></div>
  124.  
  125. <p>By clicking Continue, you agree to our Terms of Use and Privacy Policy.
  126. You'll also receive account updates and special offers from Sittercity.com
  127. which you can opt-out of at any time. </p>
  128.  
  129. <div class="wrapper">
  130. <input type="submit" class="submit" value="Continue" name="Submit"id="submit"/>
  131. </div>
  132. </div>
  133. </form>
  134.  
  135. <?php
  136.  
  137. if(isset($_GET['key'])){
  138. $key = $_GET['key'];
  139.  
  140. switch($key){
  141.  
  142. case 'fname':
  143. if(isset($_POST['fname'])){
  144. $fname = $_POST['fname'];
  145. if(empty($fname)){
  146. echo " *First Name Required";
  147. }elseif(strlen($fname)<3){
  148. echo "*Name too short!";
  149. }else{
  150. echo "<img src='images/check.jpg' />";
  151. }
  152. }
  153. break;
  154.  
  155.  
  156. case 'lname':
  157.  
  158. if(isset($_POST['lname'])){
  159. $lname = $_POST['lname'];
  160. if(empty($lname)){
  161. echo " *Last Name Required";
  162. }elseif(strlen($lname)<3){
  163. echo "*Last name too short!";
  164. }else{
  165. echo "<img src='images/check.jpg' />";
  166. }
  167. }
  168. break;
  169.  
  170.  
  171. case 'zipcode':
  172.  
  173. if(isset($_POST['zipcode'])){
  174. $zip = $_POST['zipcode'];
  175. if(empty($zip)){
  176. echo "*Zipcode required!";
  177. }elseif( (strlen($zip)<5) OR (strlen($zip)>5)){
  178. echo "*Must be 5 digits!";
  179. }elseif(!is_numeric($zip)){
  180. echo "Must be numeric!";
  181. }else{
  182. echo "<img src='images/check.jpg' />";
  183. }
  184.  
  185. }
  186. break;
  187.  
  188.  
  189. case 'city':
  190.  
  191. if(isset($_POST['city'])){
  192. $city = $_POST['city'];
  193. if(empty($city)){
  194. echo "*City Required";
  195. }elseif(strlen($city)<5){
  196. echo "*Too short!";
  197. }else{
  198. echo "<img src='images/check.jpg' />";
  199. }
  200. }
  201. break;
  202.  
  203.  
  204. case 'email':
  205.  
  206. if(isset($_POST['email'])){
  207. $email = $_POST['email'];
  208. if(empty($email)){
  209. echo "*Email Required";
  210. }elseif(strlen($email)<5){
  211. echo "*Too short!";
  212. }else{
  213. echo "<img src='images/check.jpg' />";
  214. }
  215. }
  216. break;
  217.  
  218. case 'username':
  219.  
  220. if(isset($_POST['username'])){
  221. $username = $_POST['username'];
  222. if(empty($username)){
  223. echo "*Username Required";
  224. }elseif(strlen($username)<5){
  225. echo "*Too short!";
  226. }else{
  227. echo "<img src='images/check.jpg' />";
  228. }
  229. }
  230. break;
  231.  
  232. case 'pass':
  233.  
  234. if(isset($_POST['pass'])){
  235. $pass = $_POST['pass'];
  236. if(empty($pass)){
  237. echo "*Password Required";
  238. }elseif(strlen($pass)<5){
  239. echo "*Too short!";
  240. }else{
  241. echo "<img src='images/check.jpg' />";
  242. }
  243. }
  244. break;
  245.  
  246.  
  247. Default: return false;break;
  248.  
  249. }
  250.  
  251. }else{
  252. //do nothing
  253. return false;
  254. }
  255.  
  256.  
  257.  
  258. ?>
  259.  
  260. var typingTimer;
  261. var doneTypeingInterval = 1000; //time in milliseconds for timeout
  262. $(function () {
  263. $("input").bind('keyup mouseup change', function () {
  264. clearTimeout(typingTimer);
  265. if ($(this).val) {
  266. typingTimer = setTimeout(function(){checkingFunction($(this))}, doneTypingInterval);
  267. }
  268. });
  269. });
  270.  
  271. function checkingFunction($object){
  272. //do checking with your object here
  273. var id = $object.attr('id');
  274. $.post('action/validate_signup.php?key=' + id, { value: $object.val() },
  275. function(result){
  276. $('#' + id + 'error').html(result).show("slow");
  277. });
  278. }
Add Comment
Please, Sign In to add comment