PHP Storm Validation

<!
doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport"
content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-

scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Validation By Hassaan Subhi</title>

<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet"
href="https://maxcdn.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js"></script>

</head>
<div class="container"><br>
<h1 class="text-success text-center bg-dark">Form Validation</h1><br>
<div class="col-lg-8 m-auto d-block">
<form action="#" name="forms" onsubmit="return validation()" class="bg-light">

<div class="form-group">
<labe> Username </labe>
<input type="text" name="user" class="form-control" id="username" autocomplete="off">
<span id="usererror" class="text-danger font-weight-bold"></span>
</div>
<labe> Password </labe>
<input type="text" name="user" class="form-control" id="password" autocomplete="off">
<span id="passworderror" class="text-danger font-weight-bold"></span>
</div>
<labe> Confirm Password </labe>
<input type="text" name="user" class="form-control" id="cpassword" autocomplete="off">
<span id="cpassworderror" class="text-danger font-weight-bold"></span>
</div>
<labe> Email </labe>
<input type="text" name="user" class="form-control" id="email" autocomplete="off">
<span id="emailerror" class="text-danger font-weight-bold"></span>
</div>
<labe> Mobile Number </labe>
<input type="text" name="user" class="form-control" id="number" autocomplete="off">
<span id="mobileerror" class="text-danger font-weight-bold"></span>

</div>
<h3 class="text-success text-center bg-dark">Radio Buttons</h3>
<input type="radio" name="containx" value="LIKE"> LIKE
<input type="radio" name="containx" value="SHARE"> SHARE
<input type="radio" name="containx" value="SUBSCRIBE"> SUBSCRIBE
<div>
<p id="messages" class="text-danger font-weight-bold"> </p>
</div>
<h3 class="text-success text-center bg-dark">Checkbox Validation</h3>
<input type="checkbox" name="containxx" value="LIKE"> LIKE
<input type="checkbox" name="containxx" value="SHARE"> SHARE
<input type="checkbox" name="containxx" value="SUBSCRIBE"> SUBSCRIBE
<div>
<p id="messagess" class="text-danger font-weight-bold"> </p>
</div>
<input type="submit" name="submit" value="submit" class="btn btn-success">
</form>
</div>
</div>
<script type="text/javascript">
function validation() {
var username = document.getElementById('username').value;
var password = document.getElementById('password').value;
var cpassword = document.getElementById('cpassword').value;
var email = document.getElementById('email').value;
var number = document.getElementById('number').value;
var usercheck = /^[A-Za-z ]{3,100}$/ ;
var passwordcheck = /^(?=.*[0-9])(?=.*[!@#$%^&*])[a-zA-Z0-9!@#$%^&*]{3,16}$/;
var emailcheck = /^[A-Za-z_0-9]{3,}@[A-Za-z]{3,}[.]{1}[A-Za-z.]{2,6}$/ ;
var mobilecheck = /^[0-9]{11}$/ ;
if(usercheck.test(username)){
document.getElementById('usererror').innerHTML = " ";
}else{
document.getElementById('usererror').innerHTML = "** Enter Alphabets Only";
return false;
if(passwordcheck.test(password)){
document.getElementById('passworderror').innerHTML = " ";
}else{
document.getElementById('passworderror').innerHTML = "** Enter Password";
return false;
if(cpassword.match(password)){
document.getElementById('cpassworderror').innerHTML = " ";
}else{
document.getElementById('cpassworderror').innerHTML = "** Password isn't matched";
return false;
if(emailcheck.test(email)){
document.getElementById('emailerror').innerHTML = " ";
}else{
document.getElementById('emailerror').innerHTML = "** Please type as: abc@gmail.com";
return false;
if(mobilecheck.test(number)){
document.getElementById('mobileerror').innerHTML = " ";
}else{
document.getElementById('mobileerror').innerHTML = "** Enter 10 Numbers";
return false;
var a = document.forms.containx;
for(i=0; i<a.length; i++){
if(a[i].checked== true){
return true;
document.getElementById('messages').innerHTML = " **Please Select Any 1"
return false;
var b = document.forms.containxx;
for(j=0; j<b.length; j++){
if(b[j].checked== true){
return true;
document.getElementById('messagess').innerHTML = " **Please Select Your Option"
return false;
</script>
<body>
</body>
</html>

PHP Storm Validation

Hochgeladen von

Dokumentinformationen

Originaltitel

Copyright

Verfügbare Formate

Dieses Dokument teilen

Dokument teilen oder einbetten

Freigabeoptionen

Stufen Sie dieses Dokument als nützlich ein?

Sind diese Inhalte unangemessen?

Copyright:

Verfügbare Formate

PHP Storm Validation

Hochgeladen von

Copyright:

Verfügbare Formate

<!

content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-

<meta http-equiv="X-UA-Compatible" content="ie=edge">

<title>Validation By Hassaan Subhi</title>

<meta name="viewport" content="width=device-width, initial-scale=1">

<div class="container"><br>

<h1 class="text-success text-center bg-dark">Form Validation</h1><br>

<div class="col-lg-8 m-auto d-block">

<form action="#" name="forms" onsubmit="return validation()" class="bg-light">

<labe> Username </labe>

<input type="text" name="user" class="form-control" id="username" autocomplete="off">

<span id="usererror" class="text-danger font-weight-bold"></span>

<labe> Password </labe>

<input type="text" name="user" class="form-control" id="password" autocomplete="off">

<span id="passworderror" class="text-danger font-weight-bold"></span>

<labe> Confirm Password </labe>

<input type="text" name="user" class="form-control" id="cpassword" autocomplete="off">

<span id="cpassworderror" class="text-danger font-weight-bold"></span>

<labe> Email </labe>

<input type="text" name="user" class="form-control" id="email" autocomplete="off">

<span id="emailerror" class="text-danger font-weight-bold"></span>

<labe> Mobile Number </labe>

<input type="text" name="user" class="form-control" id="number" autocomplete="off">

<span id="mobileerror" class="text-danger font-weight-bold"></span>

<h3 class="text-success text-center bg-dark">Radio Buttons</h3>

<input type="radio" name="containx" value="LIKE"> LIKE

<input type="radio" name="containx" value="SHARE"> SHARE

<input type="radio" name="containx" value="SUBSCRIBE"> SUBSCRIBE

<p id="messages" class="text-danger font-weight-bold"> </p>

<h3 class="text-success text-center bg-dark">Checkbox Validation</h3>

<input type="checkbox" name="containxx" value="LIKE"> LIKE

<input type="checkbox" name="containxx" value="SHARE"> SHARE

<input type="checkbox" name="containxx" value="SUBSCRIBE"> SUBSCRIBE

<p id="messagess" class="text-danger font-weight-bold"> </p>

<input type="submit" name="submit" value="submit" class="btn btn-success">

</div>

var username = document.getElementById('username').value;

var password = document.getElementById('password').value;

var cpassword = document.getElementById('cpassword').value;

var email = document.getElementById('email').value;

var number = document.getElementById('number').value;

var usercheck = /^[A-Za-z ]{3,100}$/ ;

var passwordcheck = /^(?=.*[0-9])(?=.*[!@#$%^&*])[a-zA-Z0-9!@#$%^&*]{3,16}$/;

var emailcheck = /^[A-Za-z_0-9]{3,}@[A-Za-z]{3,}[.]{1}[A-Za-z.]{2,6}$/ ;

var mobilecheck = /^[0-9]{11}$/ ;

document.getElementById('usererror').innerHTML = " ";

document.getElementById('usererror').innerHTML = "** Enter Alphabets Only";

document.getElementById('passworderror').innerHTML = "** Enter Password";

document.getElementById('cpassworderror').innerHTML = " ";

document.getElementById('cpassworderror').innerHTML = "** Password isn't matched";

document.getElementById('emailerror').innerHTML = " ";

document.getElementById('emailerror').innerHTML = "** Please type as: abc@gmail.com";

document.getElementById('mobileerror').innerHTML = " ";

document.getElementById('mobileerror').innerHTML = "** Enter 10 Numbers";

document.getElementById('messages').innerHTML = " **Please Select Any 1"

for(j=0; j<b.length; j++){

document.getElementById('messagess').innerHTML = " **Please Select Your Option"

Das könnte Ihnen auch gefallen

var passwordcheck = /^(?=.[0-9])(?=.[!@#$%^&])[a-zA-Z0-9!@#$%^&]{3,16}$/;