JavaScript -vorms
JavaScript vorm validering
HTML-vorm validering kan deur JavaScript gedoen word.
As 'n vormveld (fname) leeg is, waarsku hierdie funksie 'n boodskap en gee vals terug om te verhoed dat die vorm ingedien word:
JavaScript voorbeeld
function validateForm() {
let
x = document.forms["myForm"]["fname"].value;
if (x == "") {
alert("Name must be filled out");
return false;
}
}Die funksie kan geroep word wanneer die vorm ingedien word:
HTML-vorm voorbeeld
<form name="myForm" action="/action_page.php" onsubmit="return validateForm()"
method="post">
Name: <input type="text" name="fname">
<input type="submit" value="Submit">
</form>
JavaScript kan numeriese invoer valideer
JavaScript word dikwels gebruik om numeriese invoer te valideer:
Voer asseblief 'n getal tussen 1 en 10 in
Outomatiese HTML-vorm validering
HTML-vorm validering kan outomaties deur die blaaier uitgevoer word:
As 'n vormveld (fname) leeg is, verhoed die requiredkenmerk dat hierdie vorm ingedien word:
HTML-vorm voorbeeld
<form action="/action_page.php" method="post">
<input type="text" name="fname" required>
<input type="submit" value="Submit">
</form>
Outomatiese HTML-vorm validering werk nie in Internet Explorer 9 of vroeër nie.
Data validering
Datavalidering is die proses om te verseker dat gebruikersinvoer skoon, korrek en bruikbaar is.
Tipiese valideringstake is:
- het die gebruiker al die vereiste velde ingevul?
- het die gebruiker 'n geldige datum ingevoer?
- het die gebruiker teks in 'n numeriese veld ingevoer?
Meestal is die doel van datavalidering om korrekte gebruikerinvoer te verseker.
Validasie kan deur baie verskillende metodes gedefinieer word en op baie verskillende maniere ontplooi word.
Bedienerkant-validering word deur 'n webbediener uitgevoer, nadat invoer na die bediener gestuur is.
Kliëntkant-validering word deur 'n webblaaier uitgevoer, voordat invoer na 'n webbediener gestuur word.
HTML-beperkingsvalidering
HTML5 het 'n nuwe HTML-bekragtigingskonsep bekendgestel genaamd beperkingsvalidering .
HTML-beperkingsvalidering is gebaseer op:
- Beperk validering HTML -invoerkenmerke
- Beperk validering CSS Pseudo Selectors
- Beperkingsvalidering DOM-eienskappe en -metodes
Beperkingsvalidering HTML-invoerkenmerke
| Attribute | Description |
|---|---|
| disabled | Specifies that the input element should be disabled |
| max | Specifies the maximum value of an input element |
| min | Specifies the minimum value of an input element |
| pattern | Specifies the value pattern of an input element |
| required | Specifies that the input field requires an element |
| type | Specifies the type of an input element |
Vir 'n volledige lys, gaan na HTML-invoerkenmerke .
Beperk Validasie CSS Pseudo Selectors
| Selector | Description |
|---|---|
| :disabled | Selects input elements with the "disabled" attribute specified |
| :invalid | Selects input elements with invalid values |
| :optional | Selects input elements with no "required" attribute specified |
| :required | Selects input elements with the "required" attribute specified |
| :valid | Selects input elements with valid values |
Vir 'n volledige lys, gaan na CSS Pseudo Classes .