Avatar billede no_doubt Nybegynder
04. september 2003 - 23:15 Der er 1 kommentar og
1 løsning

Html submit style

<input type="submit" name="B1" Value="Send kode" onClick="this.value='Vent venligst...'" onClick="this.style='disabled'" onclick="return email_check();">

Problemet er...
Når jeg har klikket skal Vent blive gråt (disabled) og hvis der er fejl i valideringen af felterne skal Send captionen komme tilbage.

Håber det er forståeligt
Avatar billede bearhugx Nybegynder
04. september 2003 - 23:24 #1
Jeg kan i hvert fald se, at du har to onclick-handlere - og den sidste vi højst sandsynligt overskrive den først...

Det der skal til er at du på formen skal bruge "onsubmit"-handleren, og at den skal returnere enten true eller false.

Følgende er utestet, men burde give en ide om ,hvordan du kan gøre....

  function  validateForm() {
    // deaktiver submitButton
    btnsub = document.getElementById("submitButton");
    btnsub.value.text = " Vent venligst...";
    btnsub.disabled = true;

    // Validér formen...
    /* bla bla bla */

    // HVIS VALID - så returner og lad formen blive sendt (knap er stadig "vent venligst...") ....
    if( formValid )
      return true
   
    // HVIS INVALID - så vend tilbage til, hvordan det så ud...
    btnsub.value.text = "Send...";
    btnsub.disabled = false;
    alert("noget er galt med dine data");
    return false;
  }



<form id="testform" action="x" method="post" onsubmit="return validateForm();">
  <input id="submitButton" type="submit" value="send..."/>
</form>
Avatar billede roenving Novice
05. september 2003 - 03:42 #2
>>bearhugx

TRE !-)

Men ideen er fuldstændig korrekt sammen med:

<form ... onsubmit="validateForm(this)">

<input type="submit" name="B1" id="submitButton" value="Send kode" onClick="this.value='Vent venligst...';this.disabled=true;">
Avatar billede 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.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

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