Avatar billede webbe Nybegynder
13. juni 2002 - 10:46 Der er 9 kommentarer og
1 løsning

Tjekke om det er rigtig udfyldt

Hejsa

Jeg har to felter hvor man kan taste en fra-dato og en til-dato i formatet dd-mm-yyyy.

Man må ikke kunne indtaste bogstaver i de to felter og man SKAL taste i ovennævnte format, som fx. 13-06-2002

Er der nogen der har et script der kan tjekke det?
Avatar billede Slettet bruger
13. juni 2002 - 16:45 #1
<html>
<head>
<script>
function val(frm) {
reg = /^\d{2}-\d{2}-\d{4}$/;
if (!frm.dato.value.match(reg)) {
alert("Fejl i datoen!");
return false;
}
return true;
}
</script>
</head>
<body>
<form onSubmit="return val(this);">
<b>Dato:</b> <input type="text" maxlength="10" size="10" name="dato"> <i>Format: dd-mm-åååå</i>
<br>
<input type="submit" value="Indsend!">
</form>
</body>
</html>
Avatar billede webbe Nybegynder
13. juni 2002 - 17:50 #2
phoenixv:

Tjekker det lige imorgen, men det ser lovende ud...kan i hvert fald se meningen i det.
Avatar billede Slettet bruger
13. juni 2002 - 18:00 #3
Hvis du fuldt ud vil tjekke datoen, så bliver det en del mere avanceret. Du kan selvfølgelig også gøre det halvt om halvt, fx tjekke om måneden ikke overskrider 12 osv.
Avatar billede webbe Nybegynder
14. juni 2002 - 08:18 #4
Nej - det er kun et spørgsmål om man udfylder formatet 2tal-2tal-4tal.

BTW - det script du har postet...det kræver vel ikke at man SKAL udfylde datofelterne?

Det er til en søgefunktion hvor man kan søge på original titel, national titel og mellem de to datoer.
Avatar billede webbe Nybegynder
14. juni 2002 - 08:28 #5
Hmmm - det virker ikke helt....min submitknap er et grafisk billede...ikke den traditionelle submit-knap.

Ændrer det på noget?
Avatar billede webbe Nybegynder
14. juni 2002 - 08:33 #6
Min formular ser således ud:

<form method="POST" action="search_res.asp?offset=15&start=0" name="search">
                                          <table width="273" border="0" cellspacing="0" cellpadding="0" height="138">
                                            <tr>
                                              <td height="88" align="left" valign="top">
                                                <table width="272" border="0" cellspacing="0" cellpadding="0" height="88">
                                                  <tr>
                                                    <td align="left" valign="middle">
                                                      <input type="text" name="strSearchOrg" maxlength="50" size="35">
                                                    </td>
                                                  </tr>
                                                  <tr>
                                                    <td align="left" valign="middle">
                                                      <input type="text" name="strSearchNat" maxlength="50" size="35">
                                                    </td>
                                                  </tr>
                                                  <tr>
                                                    <td align="left" valign="middle">
                                                      <input type="text" name="strDate1" maxlength="12" size="10">
                                                      <img src="grafik/lrg_lbl_anddate.jpg" width="57" height="11">
                                                      <input type="text" name="strDate2" maxlength="12" size="10">
                                                    </td>
                                                  </tr>
                                                </table>
                                              </td>
                                            </tr>
                                            <tr>
                                              <td align="left" valign="top"><a href="java script:document.search.submit()" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image37','','grafik/button_search1.jpg',1)"><img name="Image37" border="0" src="grafik/button_search.jpg" width="63" height="13" vspace="2"></a><br>
                                                <a href="search.asp?offset=15&start=1" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image38','','grafik/button_clrall1.jpg',1)"><img name="Image38" border="0" src="grafik/button_clrall.jpg" width="75" height="13"></a>
                                              </td>
                                            </tr>
                                          </table>
                                        </form>

I felterne strDate1 og strDate2 må man kun kunne indtaste tal og bindestreger.

Kan man ikke lave så den automatisk indsætter en bindestreg efter de første 2 tal og efter de næste 2 tal og samtidig tjekker om der er tale om indtastede tal eller bogstaver?
Bogstaver må ikke kunne indtastes.

Vil godt give flere point.
Avatar billede Slettet bruger
14. juni 2002 - 15:50 #7
Det skulle ikke gøre en forskel, om du bruger et billede til at submitte, hvis du altså bruger <input type="image">
Hvis du fx gør sådan her:
<img src="blabla" onClick="document.minForm.submit();">
... så skal det lige ændres!

Her er et eksempel på validering af to datoer:
http://www.friserverplads.dk/phoenixv/val_dato.html

Det dér med at indsætte bindestreger automatisk, skal det være imens man skriver (besværligt), eller bare når man trykker submit (let nok)?
Avatar billede webbe Nybegynder
14. juni 2002 - 16:03 #8
Jeg bruger:

<img src="blabla" onClick="document.minForm.submit();">

Ville være kanon hvis du kunne lave så der blev sat bindestreger mens man taster.
Avatar billede webbe Nybegynder
17. juni 2002 - 10:35 #9
phoenixv:

Jeg har nu følgende, som virker hvis man udfylder dato-felterne og bruger en almindelig submit-knap, men man behøver ikke udfylde dem....de er optional.

Endvidere skal de kobles på en grafisk knap...ikke den almindelige submit-knap:

Mit script:

<script language="javascript">
<!--
function val(search) {
    reg = /^\d{2}-\d{2}-\d{4}$/;
        if (!search.strDate1.value.match(reg)) {
            alert("Fejl i fra-datoen!");
            search.strDate1.focus();
            search.strDate1.select();
            return false;
        }
        if (!search.strDate2.value.match(reg)) {
            alert("Fejl i til-datoen!");
            search.strDate2.focus();
            search.strDate2.select();
            return false;
        }
    return true;
}
//-->
</script>


Min formular:

<form method="POST" action="search_res.asp?offset=15&start=0" name="search" onSubmit="return val(this);">
                                          <table width="273" border="0" cellspacing="0" cellpadding="0" height="138">
                                            <tr>
                                              <td height="88" align="left" valign="top">
                                                <table width="272" border="0" cellspacing="0" cellpadding="0" height="88">
                                                  <tr>
                                                    <td align="left" valign="middle">
                                                      <input type="text" name="strSearchOrg" maxlength="50" size="35">
                                                    </td>
                                                  </tr>
                                                  <tr>
                                                    <td align="left" valign="middle">
                                                      <input type="text" name="strSearchNat" maxlength="50" size="35">
                                                    </td>
                                                  </tr>
                                                  <tr>
                                                    <td align="left" valign="middle">
                                                      <input type="text" name="strDate1" maxlength="12" size="10">
                                                      <img src="grafik/lrg_lbl_anddate.jpg" width="57" height="11">
                                                      <input type="text" name="strDate2" maxlength="12" size="10">
                                                    </td>
                                                  </tr>
                                                </table>
                                              </td>
                                            </tr>
                                            <tr>
                                              <td align="left" valign="top">
                                                <a href="java script:document.search.submit()" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image37','','grafik/button_search1.jpg',1)"><img name="Image37" border="0" src="grafik/button_search.jpg" width="63" height="13" vspace="2"></a><br>
                                                <a href="search.asp?offset=15&start=1" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image38','','grafik/button_clrall1.jpg',1)"><img name="Image38" border="0" src="grafik/button_clrall.jpg" width="75" height="13"></a>
                                              </td>
                                            </tr>
                                          </table>
                                        </form>
Avatar billede Slettet bruger
20. juni 2002 - 19:21 #10
Så ændr scriptet til dette her:

<script language="javascript" type="text/javascript">
<!--
function val(search) {
    reg = /^\d{2}-\d{2}-\d{4}$/;
        if (search.strDate1.value != "" && !search.strDate1.value.match(reg)) {
            alert("Fejl i fra-datoen!");
            search.strDate1.focus();
            search.strDate1.select();
            return false;
        }
        if (search.strDate1.value != "" && !search.strDate2.value.match(reg)) {
            alert("Fejl i til-datoen!");
            search.strDate2.focus();
            search.strDate2.select();
            return false;
        }
    return true;
}
//-->
</script>

Mht. til den grafiske knap kan du vel ligeså godt skrive dette:

<input type="image" src="blabla">

Det skulle gerne give det præcist samme resultat!
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