Form Validations in Javascript

Advertisement

I can not seem to understand why my code did not give me an error or success message when I clicked the submit button. I'm just trying to validate strings in html to make sure they're not null, not too big, and so on.

The developer tools and Lint online did not give me any error. I hope you can report any code I have written.

javscript:

 function submit() { var firstName = document.getElementById("fn"); var lastName = document.getElementById("ln"); var email = document.getElementById("email"); var emailR = document.getElementById("emailR"); var userName = document.getElementById("un"); var password = document.getElementById("pass"); var passwordR = document.getElementById("passR"); var error = ""; var letters = /^[a-zA-Z]+$/; var postal = document.getElementById("pc"); var code = /^[A-Za-z]\d[A-Za-z][ -]?\d[A-Za-z]\d$/; if (firstName === null || firstName.length > 15 || !firstName.value.match(letters)) { error += "Please enter a valid first name."; } if (lastName === null || lastName.length > 15 || !lastName.value.match(letters)) { error += " Please enter a valid last name"; } var ei = email.value.lastIndexOf('@'); var dot = email.value.lastIndexOf('.'); if (email === null || email.length < 7 || ei == -1 || dot == -1 || dot < ei + 2) { error += " Please enter a valid email address"; } if (emailR != email) { error += " Your email addresses did not match"; } if (postal === null || !postal.length == 7 || !postal.value.match(code)) { error += "Postal code must follow Canadian standard. Eg \"N3H 1M1\" "; } if (userName === null || userName.length > 15) { error += " Please enter a valid username (must be less than 15 characters)"; } if (password === null || password.length > 15) { error += "please enter a valid password (must be less than 15 characters)"; } if (passwordR != password) { error += "your passwords do not match"; } if (error === "") { document.getElementById("test").innerHTML = "Thank you for signing up!"; } else if (error !== "") { document.getElementById("test").innerHTML = error; } } 

thank you,
Javanoob

The answer

document.getElementById gives you the HTMLEly complete object. To get the value, use the .value property. Example:

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

(assuming that the HTML element with id = "email" is a text entry)

Related articles

Validation function Javascript simple [closed]

2014-12-12

I have no experience of JavaScript and I would like to get help to create a function because I'm not sure how to do it. I would like to create a function that validates that x between 1 and 17 can also be equal to 1 and 17 If the value is not valid,

JSON Object Validation in Javascript

2011-12-07

I use the JSON object as input in the text field. Is there a way to validate this JSON object in javascript? Yes, there are some JSON libraries available for your use. Try them out when using Java: Jackson - A high-performance JSON processor google-g

HTML5 form validation without Javascript validation

2016-11-30

I recently approached the new topic (for me) of HTML5 form validation. I have tested it successfully, but I am still quite confused about how and why to use it. Let me try to explain with a simple example. My form has 10 fields (text, numbers, dates

SHA256 hashed password validation in javascript

2012-02-06

I am trying to convert the AC # program to javascript. The goal is to validate a clear password against its hash sha-256 stored in a database. This code will be executed on the server side. The c # program has been implemented following this MSDN art