Avatar billede pelskee Nybegynder
10. november 2005 - 15:20 Der er 8 kommentarer og
1 løsning

Form validation virker ikke med billede som submit

jeg har et billede som jeg submitter formen med, men den laver ikke form validation og stopper hvis værdierne er forkerte.

men knappen under er en almindelig submit knap og den virker som den skal.

kan man gøre det så billedet virker på samme måde ?

                                    <a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('laegikurv','','images/button_laegikurv.gif',1)" onclick="MM_validateForm('Antal','','RisNum');return document.MM_returnValue;"><img src="images/button_laegikurv_aktiv.gif" name="laegikurv" width="86" height="17" border="0"></a>
                                    <input name="Submit" type="submit" onClick="MM_validateForm('Antal','','RisNum');return document.MM_returnValue" value="Submit">
Avatar billede roenving Novice
10. november 2005 - 16:07 #1
Prøv f.eks.

<form ... onsubmit="return dinValidering(this);">

...

<input type="image" onmouseout="this.src='images/button_laegikurv_aktiv.gif';" onmouseover="this.src='images/button_laegikurv.gif';" src="images/button_laegikurv_aktiv.gif" name="laegikurv" width="86" height="17">
<input name="Submit" type="submit" value="Submit">
</form>

-- og hvis du absolut vil bibeholde DreamWeaver-funktionen, kan du:

<form ... onsubmit="MM_validateForm('Antal','','RisNum');return document.MM_returnValue;">

-- men hvis du bare skal kontrollere, om et felt er numerisk, kan du meget nemmere tilføje en simpel funktion:

<script type="text/javascript">
function dinValidering(f){
  if(isNaN(f.Antal.value)){
    alert("Antallet skal være et tal !-)");
    f.Antal.focus();
    return false;
  }
  return true;
}
</script>
Avatar billede pelskee Nybegynder
10. november 2005 - 16:21 #2
det virker ikke med følgende kode:

min form:
<form name="form1" method="POST" action="<%=MM_editAction%>" style="margin:0px;padding:0px;" onsubmit="MM_validateForm('Antal','','RisNum');return document.MM_returnValue;">

knappen:
<img src="images/button_laegikurv_aktiv.gif" style="cursor: hand; cursor: pointer;" name="laegikurv" width="86" height="17" border="0" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('laegikurv','','images/button_laegikurv.gif',1)" onclick="document.form1.submit();">
Avatar billede pelskee Nybegynder
10. november 2005 - 16:24 #3
den submitter formen og den validerer ikke. den skal bare checke om form feltet 'Antal' er et tal
Avatar billede roenving Novice
10. november 2005 - 16:25 #4
Bemærk, at det ikke er et img-tag, men et input type=image !-)
Avatar billede pelskee Nybegynder
10. november 2005 - 16:26 #5
ahhh - men så mister jeg den der mouseover effekt hvor den udskifter billedet.
kan det ikke lade sig gøre ?
Avatar billede roenving Novice
10. november 2005 - 16:36 #6
Virker mouseover ikke ?-)

Hrm, jeg har ikke selv prøvet den, men du kan jo prøve at gøre det præcis som jeg viser det:

<input type="image" onmouseout="this.src='images/button_laegikurv_aktiv.gif';" onmouseover="this.src='images/button_laegikurv.gif';" src="images/button_laegikurv_aktiv.gif" name="laegikurv" width="86" height="17">
Avatar billede pelskee Nybegynder
11. november 2005 - 12:52 #7
sådan der. det virker :)
tusinde tak for hjælpen!
Avatar billede roenving Novice
11. november 2005 - 14:37 #8
Velbekomme '-)
Avatar billede roenving Novice
13. november 2005 - 04:48 #9
-- og tak for point ;~}
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
Kurser inden for grundlæggende programmering

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