JavaScript 2022

Term 3 Wednesday

May - July 2022

This site will be updated live during the sessions

Week 9 1 Get Form Values

Username must be at least 3 characters

		
001window.onload = ()=>
		
002{
		
003	const theFormElement = document.querySelector('form');
		
004	theFormElement.onsubmit = function()
		
005	{
		
006		for(let i = 0; i < theFormElement.elements.length; i++)
		
007		{
		
008			console.log("Element type: " + theFormElement.elements[i].type);
		
009			console.log("Element id: " + theFormElement.elements[i].id);
		
010			console.log("Element value: " + theFormElement.elements[i].value);
		
011			const labelElementText = theFormElement.elements[i].parentElement.firstElementChild.innerText;
		
012			console.log("Element label: " + labelElementText);
		
013		}
		
014		//return false;
		
015		if(document.querySelector('input').value.length < 3)
		
016		{
		
017			event.preventDefault();
		
018			alert('username is too short');
		
019		}
		
020	}
		
021}