forked from ChicoState/BasicFormValidation
-
Notifications
You must be signed in to change notification settings - Fork 0
/
form-validation.js
38 lines (35 loc) · 1.73 KB
/
form-validation.js
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
function validate(){
//Grab the user's input and store in variables
var userEntered = document.getElementById("user").value;
var passEntered = document.getElementById("pass").value;
//Show message that there is an error with the username...
if(userEntered.length < 6){
document.getElementById("usernameError").innerHTML="Bad username.";
document.getElementById("usernameError").classList.remove("hidden-message");
document.getElementById("usernameError").classList.add("shown-message");
//Turn the username items red
document.getElementById("usernameGroup").classList.add("has-error");
}
else{
document.getElementById("usernameError").innerHTML="";
document.getElementById("usernameError").classList.remove("hidden-message");
document.getElementById("usernameGroup").classList.remove("has-error");
document.getElementById("usernameError").classList.add("shown-message");
document.getElementById("usernameGroup").classList.add("has-success");
}
//Show message that there is an error with the password...
if(passEntered=="password"){
document.getElementById("passwordError").innerHTML="Bad password.";
document.getElementById("passwordError").classList.remove("hidden-message");
document.getElementById("passwordError").classList.add("shown-message");
//Turn the password items red
document.getElementById("passwordGroup").classList.add("has-error");
}
else{
document.getElementById("passwordError").innerHTML="";
document.getElementById("passwordError").classList.remove("hidden-message");
document.getElementById("passwordGroup").classList.remove("has-error");
document.getElementById("passwordError").classList.add("shown-message");
document.getElementById("passwordGroup").classList.add("has-success");
}
}