Tiny File Manager

Back Back Up Advanced Editor

<?php

$errName = "";
    $errEmail = "";
	
	//echo " Faire un essai avec onInput ...";
	
	if (isset($_POST["submit"])) 
    {
		echo "Zoulou...";
		
		if (!$_POST['email'] || !filter_var($_POST['email'], FILTER_VALIDATE_EMAIL)) 
		{
			$errEmail = 'Please enter a valid email address';
		}
		
		
		echo " >>>> " .$_POST['check_username'] ."  " .$_POST['check_email'];
		
		$lock = "valide";
		
		echo '
		<div class="alert alert-success" id="success-alert">
          <strong>Successfully posted!</strong>
         </div>';
		
		?>
	
		
		<script type="text/javascript">
		
		//alert("dfgsfdf");
		
		//document.getElementById('tel2').style.visibility = 'block';
		
		
		
		$("#tel2").hide();
		
		/*document.addEventListener('DOMContentLoaded', (event) => {
    document.querySelector('.tel2').style.display = 'none';
		})*/
    // le reste de ton code qui du fichier JavaScript qui correspond au contenu de ta balise body

console.log("rien de rien ...");
		
		</script>

<?php
		
	}

// https://stackoverflow.com/questions/65690861/bootstrap-5-0-validation-with-php-where-the-user-already-exists-in-the-database

// https://cloudrebue.co.ke/how-to-live-check-username-and-email-already-exists-in-the-database-using-php-jquery-and-ajax-mysqli/
?>

<!--
https://www.freetimelearning.com/bootstrap-snippets/bootstrap-3-main-plugins.php?Confirm-Password-Validation--Bootstrap-3-Confirm-Password-Validation&id=84

https://codewithawa.com/posts/check-if-user-already-exists-without-submitting-form

https://phppot.com/php/bootstrap-contact-form-with-javascript-validation-and-php/

onInput

https://cloudrebue.co.ke/how-to-live-check-user-exists-jquery-ajax-php/

https://www.webslesson.info/2016/02/how-to-check-username-availability-in.html

-->

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Confirm Password Validation , Bootstrap 3 Confirm Password Validation</title>

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">

<script type="text/javascript" src="https://code.jquery.com/jquery-1.12.4.js"></script>

<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
</head>
<body>

$(document).ready(function()
{
	
	 $("#username").on("keyup", function() 
	 {
		// console.log("pipo");
		 
		 
		 
		 console.log( $("#check_username").val() );
//		var value = $(this).val().toLowerCase();
//    $("#myList li").each(function() {
//      $(this).toggle($(this).text().toLowerCase().indexOf(value) > -1)
//    });//  ww  w. j  av a2s  . c o  m
  });
  
	/*$("#check_username").each(function()
	{
		console.log( "sdfsdfd" );
	});*/
	
	/*$('input').each(function(index)
	{ 
		console.log( $(this).val(); 
	});*/
		
	
});

//$("input:text").val("Glenn Quagmire");

// Username Available
		
		const str =  data; //'This is my example string!';
		const substr = 'Available';

console.log(str.indexOf(substr));

if( str.indexOf(substr) > 0 )
		{
			$("#check_username").val("username_OK");
			$('#submit').removeAttr('disabled');
			
		}			
		else
		{
			$("#check_username").val("username_NO_OK");
			$('#submit').attr('disabled', 'disabled');
		}

//console.log(data);

//$("#check").val("Zoulou");

$("#loaderIcon").hide();
},
error:function (){}
});

//document.getElementById("checkyear").value = "1";

}
</script>

<div class="container">
    <div class="row">
        <div class="col-sm-6 col-sm-offset-3">
        
			<div class="conform_password_box">
				<div class="conform_password_box_title">Création d'un nouveau compte</div>
					<div class="p10_15">
                        
                        <form method="post" id="passwordForm" action="">

<!--
<input type="email" name="email" id="email" onBlur="checkemailAvailability()" value="" class="form-control" required placeholder="adresse ..." /></td>

<div class="form-group">
                                <label for="name" class="col-sm-2 control-label">Name</label>
                                <div class="col-sm-10">
									<input type="text" class="form-control" id="name" name="name" 
									title="Must contain at least one number and one uppercase and lowercase letter, and at least 8 or more characters"
									pattern="^[_A-z0-9]{1,}$" minlength="6" placeholder="First & Last Name" 
									
									>
									<small id="emailHelp" class="form-text text-muted">We'll never share your email with anyone else.</small>
									<?php echo "<p class='text-danger'>$errName</p>";?>
								</div>
							</div>
-->

<div class="form-group">
		<label for="email" class="col-sm-2 control-label">Email</label>
		<div class="col-sm-10">
			<input type="email" class="form-control" id="email" name="email" pattern="[a-z0-9._%+-]+@[a-z0-9.-]+\.[a-z]{2,3}$" placeholder="example@domain.com"  >
			
			
			
			<?php echo "<p class='text-danger'>$errEmail</p>";?>
		</div>
	</div>

<div class="form-group">
                                <label for="name" class="col-sm-2 control-label">Name</label>
                                <input type="password" class="form-control" name="new_password" id="new_password" placeholder="New Password" autocomplete="off" required>
                                <div class="row">
									<div class="col-sm-6">
									<span id="8char" class="glyphicon glyphicon-remove" style="color:#FF0004;"></span> 8 Characters Long<br>
									<span id="ucase" class="glyphicon glyphicon-remove" style="color:#FF0004;"></span> One Uppercase Letter
									</div>

<div class="col-sm-6">
									<span id="lcase" class="glyphicon glyphicon-remove" style="color:#FF0004;"></span> One Lowercase Letter<br>
									<span id="num" class="glyphicon glyphicon-remove" style="color:#FF0004;"></span> One Number
									</div>
                
									<div class="col-sm-6">
									<span id="special" class="glyphicon glyphicon-remove" style="color:#FF0004;"></span> One Special Character
									</div>
								</div>
							</div>

<div class="form-group">
								 <label for="name" class="col-sm-2 control-label">Name</label>
								<input type="password" class="form-control" name="confirm_password" id="confirm_password" placeholder="Confirm Password" autocomplete="off" required>
								<div class="row">
									<div class="col-sm-12">
									<span id="pwmatch" class="glyphicon glyphicon-remove" style="color:#FF0004;"></span> Passwords Match
									</div>
								</div>
							</div>

<div class="clearfix"></div>
							
							<div class="alert alert-success alert-dismissible fade show">
    <strong>Success!</strong> Your message has been sent successfully.
   
</div>

<!--  
			<div class="alert alert-success" role="alert">
    <strong>Well done!</strong> You successfully read this
    important alert message.
</div>

<div class="alert alert-danger" role="alert">
  <strong>Oh snap!</strong> Change a few things up and try submitting again.
</div>

-->		
	
	<?php
	
	 if( $lock == "valide")
	 {
		 echo '
		<div class="alert alert-success" id="success-alert">
          <strong>Successfully posted!</strong>
         </div>';
	 }	 
	
	?>
	
	
	<div id="tel2" style="display:block">Viewing all who have been confirmed.</div>
	
						</form>
					</div> 
			</div>
		</div>
   
	</div>
</div>

</body>
</html>