CIO Tech Eksperten IT-JOB IT-Kurser Events Podcast Søg

Log ind eller opret profil

Du kan også logge ind via nedenstående tjenester

aerobee Nybegynder

25. november 2009 - 19:28 Der er 4 kommentarer og
1 løsning

function til tjek for pattern (regxp)

Hej eksperter
Jeg er ikke så stærk i javascript desværre.
Jeg skal bruge en function der skal validere ef formular felt efter et givent pattern. Opfyldes dette skal følgende fyres af:
document.getElementById('').disabled = false ellers skal den sættes til true.

Okay, hvad jeg prøver at opnå er at samtidig med at en bruger indtaster i et formular felt valideres der. Med det samme det ønskede pattern opfyldes skal en button aktiveres, ellers er den deaktiv.

Det mønster der skal indskrives i feltet er:
1) SKAL starte med http:// eller https:// eller ftp://
2) Der skal findes minimum ét . (punktum)

Jeg skal sikre mig at brugeren indtaster en URL.

Jeg har et pattern i PHP, måske dette kan bruges i js ?
/^(http|https|ftp):\/\/([A-Z0-9][A-Z0-9_-]*(?:\.[A-Z0-9][A-Z0-9_-]*)+):?(\d+)?\/?/i

Synes godt om

FrederikBache Nybegynder

25. november 2009 - 19:42 #1

Prøv det følgende:

var regexp = /^(http|https|ftp):\/\/([A-Z0-9][A-Z0-9_-]*(?:\.[A-Z0-9][A-Z0-9_-]*)+):?(\d+)?\/?/i;

document.getElementById("idPåTekstFelt").onkeyup = function(){
document.getElementById("idPåKnappen").disabled = regexp.test(this.value);
}

Synes godt om

FrederikBache Nybegynder

25. november 2009 - 19:44 #2

og så bør du nok lige omslutte det hele med en window.onload, så du først kører koden, når siden er indlæst, dvs:

var regexp = /^(http|https|ftp):\/\/([A-Z0-9][A-Z0-9_-]*(?:\.[A-Z0-9][A-Z0-9_-]*)+):?(\d+)?\/?/i;

window.onload = function(){

document.getElementById("idPåTekstFelt").onkeyup = function(){
document.getElementById("idPåKnappen").disabled = regexp.test(this.value);
}

}

Synes godt om

aerobee Nybegynder

25. november 2009 - 20:02 #3

Jeg gør sådan her
-----------------

function testme(field){
var regexp = /^(http|https|ftp):\/\/([A-Z0-9][A-Z0-9_-]*(?:\.[A-Z0-9][A-Z0-9_-]*)+):?(\d+)?\/?/i;
if(regexp.test(document.getElementById(field).value)){
result = "<input type='button' value='klik her for at generere linket' class='cursor' onclick='dosomething()' />";
document.getElementById('result').innerHTML = result;
}else{
document.getElementById('result').innerHTML = '<em>venter på input...</em>';
}
}

<input type='text' id='linket' onkeydown='testme(\"linket\");' style='width:225px;' />

meeeeeeen den gør det ikke heeeelt korrekt.. Fx validere den http://ww <-- allerede der som korrekt syntax. Den kan man ikke sige er en gyldig url.. Er det mig der gør noget forkert ?

Synes godt om

FrederikBache Nybegynder

25. november 2009 - 22:32 #4

Selve dit setup ser rigtig fint ud. Problemet ligger garanteret i regexp'en. Har fundet den her (har ikke selv testet den, og det tager tid at skrive en god en selv :)) men se om den virker for dig.

/(ftp|http|https):\/\/(\w+:{0,1}\w*@)?(\S+)(:[0-9]+)?(\/|\/([\w#!:.?+=&%@!\-\/]))?/

Synes godt om

aerobee Nybegynder

26. november 2009 - 08:55 #5

Den virker heller ikke optimalt.
Jeg må prøve at google mig efter en så.
Tak for indsatsen.

Synes godt om

Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Følg dette spørgsmål

Opret Preview

Webudvikling kurser

Vi tilbyder markedets bedste kurser inden for webudvikling

Se alle Webudvikling kurser

Flere spørgsmål fra JavaScript kategorien

Titel	Indlæg	Oprettet	Seneste aktivitet
Returner ikke alt Af ingeman i JavaScript	13	26/06/202414:40	01/07/202417:00
Vis og skjul sektioner - virker kun på den første sektion Af nemlig i JavaScript	4	24/06/202422:50	26/06/202420:33
Hente og gemme Cookies like this. Af DanishBear i JavaScript	6	04/06/202416:23	05/06/202414:23
Ajax - indlæs webside og derefter hente data Af nemlig i JavaScript	4	21/05/202417:19	22/06/202422:07
Disable button efter 1. klik Af nemlig i JavaScript	2	05/05/202415:37	05/05/202416:25

Se alle spørgsmål i kategorien Opret spørgsmål

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester

Alle kategorier på Eksperten

Seneste artiklerRSS