Advertisement
Guest User

opacity?

a guest
Nov 13th, 2016
181
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 3.57 KB | None | 0 0
  1. $(document).ready(function () {
  2.  
  3. var authListErrors = [];
  4.  
  5. var alnum = /^[a-z0-9]*$/;
  6.  
  7. var authErrorsObject = {
  8. "mail_emptyField": "Your mailbox really needs a name",
  9. "mail_alnumField": "Your name can only made out of letters and numb3rz",
  10. "pass_emptyField": "Empty password is not most secure",
  11. "pass_insecField": "Password is too short, 6 characters at least"
  12. };
  13.  
  14. var preventLogin = true;
  15.  
  16. var fldAuthMail = $(".authTextFields").eq(0);
  17. var fldAuthPass = $(".authTextFields").eq(1);
  18.  
  19. var objAuthErrorSpan = $("#loginError");
  20.  
  21. objAuthErrorSpan.css('opacity', 0);
  22.  
  23. function AuthErrorManager( listArray, contextFlag, isError ) {
  24.  
  25. if (listArray.indexOf( contextFlag ) === -1 && isError) {
  26. listArray.push( contextFlag );
  27. } else if (listArray.indexOf( contextFlag ) !== 1 && !isError) {
  28. i = listArray.indexOf( contextFlag );
  29. listArray.splice(i, 1);
  30. }
  31.  
  32. }
  33.  
  34. function outputErrors( errorObject, listArray, glue){
  35. var retStr = '';
  36. if( listArray.length ){
  37. $.each( listArray, function( i, v ){
  38. if( retStr ) retStr += glue;
  39. retStr += errorObject[v];
  40. });
  41. }
  42. return retStr;
  43. }
  44.  
  45. function changeClasses( jQueryInputElement, jQueryErrorElement, listArray, okClassName, errClassName ){
  46.  
  47. //PROBLEM
  48. if( listArray.length ){
  49. if( !jQueryInputElement.hasClass( errClassName ) ) doErrTransition( jQueryErrorElement );
  50. jQueryInputElement.addClass( errClassName );
  51. jQueryInputElement.removeClass( okClassName );
  52.  
  53. }else{
  54. if( !jQueryInputElement.hasClass( okClassName ) ) doOkTransition( jQueryErrorElement );
  55. jQueryInputElement.addClass( okClassName );
  56. jQueryInputElement.removeClass( errClassName );
  57.  
  58. }
  59. }
  60.  
  61. function checkSubmit( arrayListArrays ){
  62. $.each( arrayListArrays, function(i, v){
  63. if( v.length ) {
  64. return true;
  65. }
  66. });
  67. return false;
  68. }
  69.  
  70. function doErrTransition( element ){
  71. element.animate({"opacity": 1});
  72. }
  73.  
  74. function doOkTransition( element ){
  75. element.animate( {"opacity": 0}, function () {
  76. element.empty();
  77. });
  78. }
  79.  
  80.  
  81. fldAuthMail.focusout(function () {
  82. var boolEmpty = ($(this).val().trim() === '') ? true : false;
  83. var boolNotAlnum = (alnum.test($(this).val())) ? false : true;
  84.  
  85. AuthErrorManager( authListErrors, "mail_emptyField", boolEmpty );
  86. AuthErrorManager( authListErrors, "mail_alnumField", boolNotAlnum );
  87.  
  88. objAuthErrorSpan.html( outputErrors( authErrorsObject, authListErrors, '<br>') );
  89. changeClasses( fldAuthMail, objAuthErrorSpan, authListErrors, "correctInput", "incorrectInput" );
  90. preventLogin = checkSubmit( [authListErrors] );
  91.  
  92. });
  93.  
  94. fldAuthPass.focusout(function () {
  95. var boolEmpty = ($(this).val().trim() === '') ? true : false;
  96. var boolLength = ($(this).val().length < 6) ? true : false;
  97.  
  98. AuthErrorManager( authListErrors, "pass_emptyField", boolEmpty );
  99. AuthErrorManager( authListErrors, "pass_insecField", boolLength );
  100.  
  101. objAuthErrorSpan.html( outputErrors( authErrorsObject, authListErrors, '<br>') );
  102. changeClasses( fldAuthPass, objAuthErrorSpan, authListErrors, "correctInput", "incorrectInput" );
  103. preventLogin = checkSubmit( [authListErrors] );
  104.  
  105. });
  106.  
  107. });
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement