This is a validation form code used to detect any special characters and the first place of the array should be a letter . Can anyone please tell me what’s the problem in the code?
window.onload=init;
function init() {
var i;
$("button#b1").click(function() {
var pas = $("input#pass1").val();
var usr = $("input#user1").val();
if( passcheck(pas)==false )
{
(document.getElementById("user_error1")).inner.HTML = "Username cannot have any special characters and should start with a letter";
$("#pass1").focus();
return false;
}
if(usercheck(usr)==false)
{
(document.getElementById("user_error1")).innerHTML = "Invalid Password";
$("#user1").focus();
return false;
}
if(passcheck(pas)==true && usercheck(usr)==true )
return true;
})
}
function passcheck(pass)
{
var i=0;
var set1=false,set2=false,set3=false,set7=false;
var ch='a',ch1='A';
if(pass.length < 8 || pass.length > 16)
set7=false;
if ((pass[0]>='a' && pass[0]<='z') || (pass[0]>='A' && pass[0]<='Z'))
set4=true;
else
set4=false;
for(i=1;i<pass.length;i++)
{
if (pass[i]>=0 && pass[i]<=9)
set1=true;
if ((pass[i]>='a' && pass[i]<='z') || (pass[i]>='A' && pass[i]<='Z'))
set2=true;
if(pass[x]=='*' || pass[i]=='!')
set3=true;
}
if (set1==true&&set2==true&&set3==true&&set4==true&&set7==false)
return true;
return false;
}
function usercheck(user)
{
var i=0,set5=false,set6=false;
if ((user[0]>='a' && user[0]<='z') || (user[0]>='A' && user[0]<='Z'))
set5=true;
else
set5=false;
for(i=0;i<user.length;i++)
{
if(user[i]=='!'||user[i]=='*'||user[i]=='#'||user[i]=='$'||user[i]=='%'||user[i]=='^'||user[i]=='&'||user[i]=='?')
set6=false;
}
if (set5==true&&set6==true)
return true;
}
HTML :
<!DOCTYPE html>
<link rel="stylesheet" type="text/css" href="home.css">
<script type="text/javascript" src="https://ajax.microsoft.com/ajax/jQuery/jquery-1.4.2.min.js"> </script>
<script src="login.js"> </script>
<head><title>EZ Transit</title>
<body>
<nav>
<div class="navbar">
<a href="Home.html"><big>Home</big></a>
<a href="Information.html"><big>Information</big></a>
<a href="feedback.html"><big>FeedBack</big></a>
<a href="about_us.html"><big>About Us</big></a>
<a href="register.html"><big>Sign Up</big></a>
<a href="login.html"><big>Login</big></a>
</div>
</nav>
<br> </br>
<form action="">
<h2> <p id="center"> Username :
<input type="text" id="user1" name="username" placeholder="abd" required> </p> </h2>
<p class="error" for="username" id="user_error1"></p>
<h2> <p id="center"> Password :
<input type="password" id="pass1" name="pass" placeholder="****" required> </p> </h2>
<p class="error" for="pass" id="pass_error1"></p>
<p id="center"> <button type="submit" value="Submit" class="required" id="b1" onclick="init()">Submit</button> </p>
<br> </br></button>
<br></br>
</div>
</body>
</html>