Form input validering inden submit

Hov.. glemte lige at sige: det skal jo være en skudsikker løsning som holder i alle browsere, og det er jeg i tvivl om overhovedet kan lade sig gøre? Hvad hvis man disabler javascript i browseren?

Ellers er eneste sikre måde jo desværre at validere i action-scriptet med regex eller lign.

Lige det viste tilfælde er så tilstrækkeligt simpelt at det faktisk kan gøres med den regexp du har angivet:

<script language="javascript">
function validate(elm) {
    text = elm.value

    if (! /^[a-f0-9_-]+$/i.test(text) ) {
        alert("Kun bogstaveren a-f, ciffrene 0-9, eller '_' og '-'.")
    }
}
</script>

<form name="xxx">
<input name="blabla" type="text" id="blabla" onkeyup="validate(this);">
...
</form>

(Jeg har tilføjet et '+' fordi jeg gætter på at du glemte det?)


Den burde gælde på alle browsere der har JavaScript enablet.

Du finder ikke nogen løsning som også fungere på browser, hvor client-side scripting er disablet. Det er jo ligesom nærmest definitionen af "disablet" at der ikke kan køres kode på dem lokalt. Disse tilfælde kan du kun håndtere ved server-side script - dvs. efter at folk har submittet deres input (og denne validering skal du jo under alle omstændigheder have alligevel).

Super.. lige i skabet! Én lille ting: når man trykker backspace for at slette det ulovlige tegn.. kan man allow det - eller endnu bedre: automatisk slette det ulovlige tegn fra feltet samtidig med man fyrer alert() af?

det jeg prøvede på at skrive var, at backspace også resulterer i en alert() :)

Backspace resultere ikke i sig selv i at der smides en alert. Jeg gætter på at du får den fordi at du skriver et enkelt tegn og så backspacer det. Dette vil jo resulterer i en tom streng som ikke er tilladt fordi at '+' i regexp'en betyder "1 eller flere". Prøv selv at skrive mere end et tegn ør at du backspacer.

Det kan rettes ved at ændre '+' til '*' som betyder "0 eller flere".


Den med at automatisk slette det ulovlige tegn er straks lidt mere tricky. For hvad nu hvis brugeren indtaster tegnet midt inde i alt den anden tekst? Hvilket tegn er det så der skal fjernes.

You got a point.. Anyway, glimrende "up-front" løsning, og derudover validering i action-scriptet, så skulle den være hjemme.

Tak for hjælpen, smider du et svar? :)

Svar :^)

Hov.. lige en detalje.. den skal også tillade '@'.. men dette virker ikke?

if (! /^[a-zA-Z0-9_-@]*$/i.test(text) ) {

<ole>

Mon ikke bindestregen skal stå sidst? Ellers har den en anden betydning - nemlig den samme som ved 'a-z', 'A-Z' og '0-9'. I øvrigt er der ingen grund til at bruge 'A-Z', når du bruger i-modifier'en

/mvh
</bole>

Nåe ja.. hehe :)

Med det lille 'i' i "/.../i" behøver du ikke at liste både store og små bogstaver:

if (! /^[a-z0-9_-@]*$/i.test(text) ) {

Desuden kan "a-z", "0-9", og '_' slås sammen som "\w":

if (! /^[\w@-]*$/i.test(text) ) {

(som dog lidt af omstændighederne også kan finde på at inkludere 'æ', 'ø' og 'å').

-- og ü, ñ med mange flere !-)

Supah.. smider du svar? :)

Det kan man ikke når spørsmålet allerede er lukket.

Men jeg kan da gøre det:

http://www.eksperten.dk/spm/815855

Hehe hov, havde ikke lige set jeg allerede havde accepteret denne :D My bad..

-- men er det ikke nielle, der skal have alle pointene, også for bonus-info ?-)

Jo.. det fik han også? :)