webForumDet fria alternativet

Formulärvalidering

JavaScript

2 svar · 392 visningar · startad av K@llen

Medlem sedan mars 20032 667 inlägg
Frågan#1

Hejsan,

Jag önskar validera ett formulärfält till en sökfunktion. Jag har ett fält och önskar enbart kontrollera så det är ifyllt (men gärna också att strängen bara innehåller a-zA-Z0-9ÅÄÖåäö om det är möjligt). Mitt tama försök:

<input type="text\" name="searchString" onKeyUp="if(this.value.length<1){ alert('Minsta antalet tecken är 1')};" />

Men det var ju ganska meningslöst märkte jag. Kan jag göra denna koll direkt i inputtaggen utan att inkludera en massa annat i headern på alla sidor?

Medlem sedan dec. 20025 483 inlägg
#2

Hej!

Jag tycker att du kan lägga kontrollen i onsubmitattributet:

<form onsubmit="if (!/^[a-zA-ZåäöÅÄÖ0-9]+$/.test(this.elements['searchString'].value)) { alert('Fel!'); return false }">
    <input type="text" name="searchString" />
</form>

Alternativt:

...
<input type="text" name="searchString" onKeyUp="if (!/^[a-zA-ZåäöÅÄÖ0-9]+$/.test(this.value)) this.value = this.value.substring(0, this.value.length - 1)">
...

typ...

;)

Medlem sedan mars 20032 667 inlägg
#3

Jag tackar och bockar. Dina exempel fungerade utmärkt. :)

266 ms totalt · 4 externa anrop · v20260731065814-full.6fe65c25
130 ms — deklarationer (db)
0 ms — hämta statistik (cache)
133 ms — hämta tråd, inlägg och bilagor (db)
128 ms — ändringar (db)