forgot.php

<?php
	session_start();
	if ($_SESSION['username']!=NULL)
		{
			echo "<script>location.href='http://103.253.113.42/bubble_apps/web/';</script>";
		}
	else {
?>
<!DOCTYPE html>
<html>
<?php
	include "element/script_atas.php";
?>
<title>Forgot Password | Markisha</title>
<body>
  <div class="mask-l" style="background-color: #fff; width: 100%; height: 100%; position: fixed; top: 0; left:0; z-index: 9999999;"></div> <!--removed by integration-->
	<?php
		include "element/menu.php"
	?>

	<script>

	  $(function () {

        $('#form-upload').on('submit', function (e) {

          e.preventDefault();

          $.ajax({
            type: 'post',
            url: 'proses_forgot.php',
            data: $('#form-upload').serialize(),
            success: function () {
              document.getElementById("success").innerHTML = "Silahkan, Cek Email Anda";
              document.getElementById("form-upload").reset();
            }
          });

        });

      });

	 $(document).ready(function() {

		//the min chars for email
		var min_chars = 3;
		var characters_error = 'Bukan Email';
		var checking_html = '<img src="img/loading.gif" /> Checking...';

		//when button is clicked
		$('#create_acm').keyup(function(){
			//run the character number check
			if($('#create_acm').val().length < min_chars){
				//if it's bellow the minimum show characters_error text
				$('#email_availability_result').html(characters_error);
			}
			else{
				//else show the cheking_text and run the function to check
				$('#email_availability_result').html(checking_html);
				check_availability3();
			}
		});


	//function to check email availability
function check_availability3(){

		//get the email
		var email = $('#create_acm').val();

		//use ajax to run the check
		$.post("check_email2.php", { email : email },
			function(result){
				//if the result is 1
				if(result == 1){
					$('#email_availability_result').html('<span style="color:red;"  class="is_not_available"><b>' +email + '</b> Tidak Ditemukan</span>');
					$('#upload-gambar').prop('disabled', true);
				}else{
					$('#email_availability_result').html('');
					$('#upload-gambar').prop('disabled', false);
				}
		});

}

 });
	</script>

<div class="l-main-container">
    <div class="container b-forgot-password-page">
        <div class="row">
            <div class="col-md-5 col-md-offset-4 col-sm-6 col-sm-offset-3">
                <div class="b-forgot-password-form">
                    <h3 class="f-primary-l is-global-title">Forgot Username / Password</h3>
                    <p>Enter your email and we'll send you your username and new password.</p>
                    <div class="b-form-row b-form-inline b-form-horizontal b-form-password">
					    <form id="form-upload" method="POST" enctype="multipart/form-data">
							<div class="b-form-row">
								<div class="b-form-horizontal--mail f-form-horizontal--mail">
									<i class="fa fa-envelope"></i>
									<input type="text" name="email" id="create_acm" name="create_acm" class="form-control" placeholder="Email" required/>
									<div id='email_availability_result'></div>
								</div>
							</div>
							<div class="b-form-row">
								<div>
									<button disabled="" type="submit" id="upload-gambar" class="b-btn f-btn button-sm b-btn-default f-primary-b b-btn__w100">Send Me Now</button>
								</div>
							</div>
							<center>
								<font color="green" id="success"></font>
							</center>
						</form>
                        <!--<div class="b-form-row">
                            <div class="b-form-horizontal--mail">
                                <a href="#" class="f-link--color">Contact Online Support?</a>
                            </div>
                        </div>-->
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
  <?php
	include "element/footer.php";
	include "element/script_bawah.php";
  ?>


</body>
</html>

	<?php } ?>