Just nu i M3-nätverket
Gå till innehåll
Eforum är stängt för nya inlägg och svar sedan 20 juni 2022. Klicka för att läsa vad som hände och om alternativ.

Avaktivera en submit-knapp när ett textfält är tomt

Christoph

Startad av Christoph,
i Webbutveckling

Rekommendera Poster

Christoph

Christoph

Postad
Postad

Hej,

 

jag vill avaktivera en knapp, dvs. att användaren inte kan spara ett inlägg från ett formulär sålänge ett textfält är tomt. Här är läget:

 

<input type="text" name="test"><input type="submit" name="knapp" value="Spara">

 

Någon som vet hur man gör? Jag vet inte riktig hur man kan kolla detta - OnChange funkar ju bara då jag knappar in något i textfältet.

 

Tacksam för all hjälp,

 

Christoph

 

Länk till kommentar
Dela på andra webbplatser
fltman

fltman

Postad
Postad

Varför inte ha knappen disablad från början?

 

<body onLoad="doument.form[0].submitKnappen.enabled = false;">

 

och låt en onChange-funktion känna av om fältet är ifyllt och då vips så kör du en

 

document.forms[0].submitKnappen.enbaled = true;

 

borde fungera fint.

 

Länk till kommentar
Dela på andra webbplatser
Christoph

Christoph

Postad
  • Trådskapare
Postad
borde fungera fint.

 

Tyvärr inte, eftersom det inte blir disabled när man raderar allt igen, efter att man har matat in något (t. ex. via knappsekvensen "A Backspace").

 

Varför inte ha knappen disablad från början?

 

Det var ett bättre förslag - tackar!

 

Länk till kommentar
Dela på andra webbplatser
Mentor

Mentor

Postad
Postad

Nåt sånt här kanske.

 

[log]<html>

<head>

<script language="JavaScript" type="text/JavaScript">

function check(text){

if(text.value.length==0)

knapp.disabled=true;

else

knapp.disabled=false;

}

</script>

</head>

 

<body onLoad="check(this.test)">

<input type="text" name="test" onKeyUp="check(this)" onKeyDown="check(this)">

<input type="submit" name="knapp" value="Spara">

</body>

</html>[/log]

 

Länk till kommentar
Dela på andra webbplatser

Arkiverat

Det här ämnet är nu arkiverat och är stängt för ytterligare svar.

Gå till ämneslista


×
×
  • Skapa nytt...