JavaScript är ett skriptspråk som ger webbutvecklare att aktivera eller inaktivera formulärfält , kolla för korrekta data i fält och manipulera sidor i en webbläsare . Utvecklare kan använda en grundläggande JavaScript if tillsammans med Document Object Model för att avgöra om ett formulärfält är för närvarande tillgänglig för användaren . JavaScript är ett skiftlägeskänsligt språk , så id = " myField " är annorlunda än id = " MyField " . JavaScript Basics
JavaScript skriptspråk används ofta eftersom det är snabbt , enkelt att lära sig och fungerar på slutanvändarna dator , vilket eliminerar behovet av att skicka data tillbaka till en web - server för verifiering . JavaScript ger möjlighet att interagera med elementen i Document Object Model , så att du kan kontrollera värden i formulär , utföra beräkningar och ändra designelement , inklusive färg , synlighet och tillgänglighet av formulärfält . Använda JavaScript med DOM , kan du aktivera och inaktivera kontroller i ett formulär .
Document Object Model Grunderna
Document Object Model är en standardiserad metod för att komma åt och ändra element i HTML- områden . Definieras av World Wide Web Consortium , ger DOM plattformsoberoende , standardiserade metoder för att dynamiskt ändra innehåll och struktur i HTML-dokument . Addera ditt formelement Basics
HTML-formulär innehåller element, såsom rullgardinsmenyer , knappar och inmatningsfält . Som en webb-programmerare , kanske du vill visa data i ett formulär fält , men inte låta användaren kunna ändra det om ett visst villkor är uppfyllt . Använda JavaScript för att manipulera DOM , kan du kontrollera tillståndet och aktivera eller inaktivera formelement som bygger på resultatet . Formelement som kan inaktiveras inkluderar de ingående typerna av : " välj ", " text ", " textarea " och " -knappen . " Addera Inaktivera Elements använda JavaScript
för att kontrollera ett element , eller objekt , för att se om den är inaktiverad , måste du först komma åt elementet . Detta kan göras med antingen document.getElementById ( ' id ' ) eller document.getElementsByName ( ' Namn ' ) metoder . För båda metoderna , måste du använda det exakta namnet på attributet för det önskade fältet . När du har öppnat elementet , får du tillgång till den " handikappade " attributet genom att lägga till en period efter det att metoden och skriva inaktiverad . Du kan sedan göra en jämförelse med den dubbla likhetstecken operatör , att jämföra med ett sant eller falskt värde . Koden skulle se ut så här : . Document.getElementById ( ' MyElement ' ) handikappade == true
För att ändra värdet använder tilldelningsoperatorn , använda en enda likhetstecken och ange attributet till "true " . eller " falskt " . Koden skulle framstå som : document.getElementsByName ( ' ElemName ' ) avaktiverad = false Addera
. .
