Advertisement
GWibisono

form login 1 plus js

Jan 24th, 2014
75
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
PHP 1.45 KB | None | 0 0
  1. <form id='login' class='block'>
  2.         <h3>LOGIN</h3>
  3.         <p class='text-warning info'>&nbsp;</p>
  4.          
  5.         <dl>
  6.             <dt>Username</dt>
  7.             <dd><input name='username' type=text placeholder='your username' value='' /></dd>
  8.             <dt>Password</dt>
  9.             <dd><input name='password' type='password' value='' /></dd>
  10.             <dt>Type</dt>
  11.             <dd><select name='type' class='selType' ><option value=0>Pilih Type
  12.             </select></dd>
  13.             <dd><input name='submit' class='btn' type='submit' value='Login'  onclick='checkLogin();return false;' /></dd>
  14.         </dl>
  15.         <address>Jl Pejaten Barat IV no 43 Jakarta 12510
  16.         </address>
  17.         </form>
  18. <script>
  19. function checkLogin()
  20. {
  21.     var selectorform="form#login";
  22.     var datax = $(selectorform).serialize();
  23.     console.log('check login');
  24.     var request = $.ajax({
  25.           url: "check.php",
  26.           type: "POST",
  27.           data: datax ,
  28.           dataType: "json"
  29.     });
  30.      
  31.     request.success(function(msg) {
  32.        console.log('berhasil');
  33.        if(msg.type)
  34.        {
  35.           $(".selType").empty();
  36.           $(".selType").append(msg.type);
  37.        
  38.        }
  39.        
  40.        if(msg.alert)
  41.        {
  42.        
  43.         $(".info").html(msg.alert);
  44.         alert(msg.alert);
  45.        }
  46.        //kalau yang dikirim ada url berarti sudah OK dan siap masuk ke sistem
  47.        if(msg.url)
  48.        {
  49.         window.location =msg.url;
  50.        }
  51.  
  52.     });
  53.      
  54.     request.fail(function(jqXHR, textStatus) {
  55.       alert( "Request failed: " + textStatus );
  56.     });
  57.     return false;
  58. }
  59. </script>
  60. <script src="http://localhost/nasgor1/assets/js/jquery.min.js"></script>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement