har brug for endnu lidt java tjek hjælp

Tjekker hvordan? Mener du at du vi undersøge, at der skal være mindst
eet af de 9 felter med en fil angivet, men det er ligegyldigt hvilken, og
at der gerne må være flere?

function checkFiles(f){
  e = f.elements,files=false;
  for(i=0;e.length>i;i++){
    if(e.type=='file')files=(e.value!="")||files;
  }
  if(!files){
    alert("Der skal vælges mindst én fil");
    f.file1.select();
    f.file1.focus();
    return false;
  }
}

Eller:

  function validate(f) {
    var count=0;
    for (i=1;i<=9;i++) {
      if (f.elements["file"+i].value!='') {
        count++;
      }
    }
    if (count==0) {
      alert("Husk....");
      return false;
    }
    return true;
  }

og så i din form

<form ... onsubmit="return validate(this)">

det var godt nok hurtigt.

Er det også muligt at sætte ind, så den tjekker om endelsen er enten .txt, .doc, .pdf, .xls??

noget med: if!(f.file1.value.indexOf(".txt") > -1)

Så den skriver at den valgte filtype er forkert. og så ændre den border farve på det felt der er fejl i?

jeg prøvede lige roenvings og den submitter godt nok hvis der er en fil i en af felterne, men den kommer også med fejlen, hvis ikke der er noget i den første.

Det kan være mig der fik skrevet forkert. Grunden til at jeg satte nedenstående ind, var for at vise hvad den skulle gøre, det er ikke et must at file1 skal være udfyldt. det kan lige så godt være file3 bare der er en der er udfyldt.

if(f.file1.value==""){
          alert("Der skal vælges mindst én fil");
          f.file1.select();
          f.file1.focus();
          return false;
          }

?-)

Den udgave burde blive tilfreds med at kun een var valgt ...


Ja, da, men så skal vi en anelse længere omkring !-)

function checkFiles(f){
  e = f.elements,files=false,flt=null;
  for(i=0;e.length>i;i++){
    if(e.type=='file'&&e.value!=""){
      if(!e.value.match(/\.(txt|doc|pdf|xls)$/i)){
        flt = (!flt)?e:flt;
      }
      files=true;
    }
  }
  if(flt){
    alert("Der skal vælges filer af typen .txt, .doc, .pdf, .xls");
    flt.select();
    flt.focus();
    return false;
  }
  if(!files){
    alert("Der skal vælges mindst én fil");
    f.file1.select();
    f.file1.focus();
    return false;
  }
}

Den brokker sig stadig hvis jeg ex kun vælger en fil i file2, men submitter stadig formen.

Kan jeg sætte ind i denne her, så den ændre border farven på det felt hvor filtypen er forkert?

if(flt){
    alert("Der skal vælges filer af typen .txt, .doc, .pdf, .xls");
    flt.select();
    flt.focus();
    return false;
  }

burde jeg ikke gøre noget i stil med:

        function valider(f)
        {
        e = f.elements,files=false,flt=null;
          for(i=0;e.length>i;i++){
          if(!e.value.match(/\.(txt|doc|pdf|xls)$/i)){
              alert("Der skal vælges filer af typen .txt, .doc, .pdf, .xls");
                e.select();
                e.focus();
                return false;
            }
          }
         
          for(i=0;e.length>i;i++){
            if(e.type=='file'&&e.value=""){
                alert("Der skal vælges mindst én fil");
                e.select();
                e.focus();
                document.all['file' + i].style.border-color: red;
                return false;
              }
          }

          RunProgress();
          var strBtnSubmit=document.UploadForm.elements.upload;
            strBtnSubmit.disabled=true;
            strBtnSubmit.value='Vent venligst ...';
          document.UploadForm.submit();
      }

Du kan ikke bruge document.all, og sætter du styles med javascript skal du gøre det noget i denne utestede retning:

document.getElementById('file' + i).style.borderColor='red';

hvor du har en < .... id="file7" ....> på dine felter.

takker, alle mine inputboxe har id file1...file9

jeg har stadig fejl i følgende linje:  if(e.type=='file'&&e.value=""){

Den siger syntax error

Det er jo sådan set heller ikke det roenving skrev:

    if(e.type=='file'&&e.value!=""){

nej, men den skal vel gå ind i løkken, hvis feltet er tomt?

Nå, du har lavet så meget om. Men så hedder det == og ikke =

den brokker sig også e.value i denne linie:
if(!e.value.match(/\.(txt|doc|pdf|xls)$/i)){

referere e. ikke til det pågældende element?

if(!e[i].value.match(/\.(txt|doc|pdf|xls)$/i)){

Den brokker sig godt nok noget.

Skal jeg referere til e[i], hvor jeg referere til det pågældende element?

koden ser nu således ud:

function valider(f)
        {
        e = f.elements,files=false,flt=null;
          for(i=0;e.length>i;i++){
            if(e.type=='file'&&e.value==""){
                alert("Der skal vælges mindst én fil");
                e[i].select();
                e[i].focus();
                return false;
              }
          }
         
          for(i=0;e.length>i;i++){
          if(!e[i].value.match(/\.(txt|doc|pdf|xls)$/i)){
              alert("Der skal vælges filer af typen .txt, .doc, .pdf, .xls");
                e[i].select();
                e[i].focus();
                document.getElementById('file' + i).style.borderColor='red';
                return false;
            }
          }

          RunProgress();
          var strBtnSubmit=document.UploadForm.elements.upload;
            strBtnSubmit.disabled=true;
            strBtnSubmit.value='Vent venligst ...';
          document.UploadForm.submit();
      }

Hele tiden e[i]

okay, jeg kan godt se at mit eksempel ikke kan holde, for det tjekker ikke på at det kun er nødvendigt at en af felterne er udfyldt, så jeg er gået tilbage til roenvings sidste bud. men det submitter selvom der ikke er valgt nogen fil, den kommer godt nok med fejlmedelselsen, men så kører den videre. Koden ser nu således ud:

        function valider(f)
        {
        e = f.elements,files=false,flt=null;
          for(i=0;e.length>i;i++){
            if(e.type=='file'&&e.value!=""){
              if(!e.value.match(/\.(txt|doc|pdf|xls)$/i)){
                flt = (!flt)?e:flt;
              }
              files=true;
            }
          }
          if(flt){
            alert("Der skal vælges filer af typen .txt, .doc, .pdf, .xls");
            flt.select();
            flt.focus();
            document.getElementById('file' + i).style.borderColor='red';
            return false;
          }
          if(!files){
            alert("Der skal vælges mindst én fil");
            f.file1.select();
            f.file1.focus();
            return false;
          }

          RunProgress();
          var strBtnSubmit=document.UploadForm.elements.upload;
            strBtnSubmit.disabled=true;
            strBtnSubmit.value='Vent venligst ...';
          document.UploadForm.submit();
      }

Men du skal jo rette roenvings fejl - han glemte at skrive e[i] flere steder

så skulle det være rettet, men den submitter stadig:

function valider(f)
        {
        e = f.elements,files=false,flt=null;
          for(i=0;e.length>i;i++){
            if(e[i].type=='file'&&e[i].value!=""){
              if(!e[i].value.match(/\.(txt|doc|pdf|xls)$/i)){
                flt = (!flt)?e[i]:flt;
              }
              files=true;
            }
          }
          if(flt){
            alert("Der skal vælges filer af typen .txt, .doc, .pdf, .xls");
            flt.select();
            flt.focus();
            document.getElementById('file' + i).style.borderColor='red';
            return false;
          }
          if(!files){
            alert("Der skal vælges mindst én fil");
            f.file1.select();
            f.file1.focus();
            return false;
          }

          RunProgress();
          var strBtnSubmit=document.UploadForm.elements.upload;
            strBtnSubmit.disabled=true;
            strBtnSubmit.value='Vent venligst ...';
          document.UploadForm.submit();
      }

Ja, du får vel stadig en javascript fejl, ikke? i'et i
  document.getElementById('file' + i).style.borderColor='red';
har jo ikke en rigtig værdi på det sted.

jeg får ingen fejl, men det er nok fordi den ikke når derned til.

Ok, men så er det der hvor du kalder din valideringsfunktion, det går galt. Du
skal gøre som jeg foreslog, og slet ikke sige ...submit() selv.

min erklæring ser således ud:

<form method="POST" action="Upload.asp" enctype="multipart/form-data" name="UploadForm" onsubmit="valider(this);">

min min submitknap: <input type="submit" value="        Gem        " name="upload">

07/07-2004 08:58:50

så har jeg rettet submit(); til return true; men den submitter stadig når der ikke er noget i formen:

function valider(f)
        {
        e = f.elements,files=false,flt=null;
          for(i=0;e.length>i;i++){
            if(e[i].type=='file'&&e[i].value!=""){
              if(!e[i].value.match(/\.(txt|doc|pdf|xls)$/i)){
                flt = (!flt)?e[i]:flt;
              }
              files=true;
            }
          }
          if(flt){
            alert("Der skal vælges filer af typen .txt, .doc, .pdf, .xls");
            flt.select();
            flt.focus();
            document.getElementById('file' + i).style.borderColor='red';
            return false;
          }
          if(!files){
            alert("Der skal vælges mindst én fil");
            f.file1.select();
            f.file1.focus();
            return false;
          }

          RunProgress();
          var strBtnSubmit=document.UploadForm.elements.upload;
            strBtnSubmit.disabled=true;
            strBtnSubmit.value='Vent venligst ...';
          return true;
      }

Læs 07/07-2004 08:58:50 - det er ikke det eneste du skal rette.

jeg kan ikke lige se hvad jeg mangler.

Nu har jeg siddet det meste af dagen, og den skide validering virker stadig ikke, men for at andre kan give en hånd med, så kommer her lige et update på hvordan metoden efterhånden ser ud:

        function SubmitForm(f)
        {
            var submit = 'true';
            var count=0;
        for (i=1;i<=9;i++) {
            if (f.elements["file"+i].value!='') {
            count++;
          }
        }
        if (count==0) {
          alert("Der skal vælges mindst én fil");
          f.file1.select();
            f.file1.focus();
            submit = 'false';
            return false;
        }
       
        count=0;
        for (i=1;i<=9;i++) {
            if (f.elements["file"+i].value.match(/\.(txt|doc|pdf|xls)$/i)) {
            alert("Der skal vælges filer af typen .txt, .doc, .pdf, .xls");
                flt.select();
                flt.focus();
                document.getElementById('file' + i).style.borderColor='red';
                submit = 'false';
                return false;
          }
        }
       
        if(submit == 'true')
        {
              RunProgress();
                document.UploadForm.elements.upload.disabled=true;
                document.UploadForm.elements.upload.value='Vent venligst ...';
                return true;
          }
      }

formen: <form method="POST" action="KeKaCMS_FileUpload.asp" enctype="multipart/form-data" name="UploadForm" onsubmit="SubmitForm(this);">

Var dit sprog. Jeg er smuttet.

Du har sikkert også prøvet at sidde med en fejl en hel dag unden at komme videre, og til sidst bliver man lidt træt af det, det er vel ganske forståligt.

Der er den simple fejl, at du ikke onsubmit returnerer true eller false, og så kunne funktionen slankes ganske betydeligt:

function SubmitForm(f){
  var submit = true,flt=null;
  var count=false;
  for (i=1;i<=9;i++) {
    elm = f.elements["file"+i];
    if (elm.value!='') {
      count = true;
    }
    if (!elm.value.match(/\.(txt|doc|pdf|xls)$/i)) {
      flt = (!flt)?elm:flt;
    }
  }
  if (!count) {
    alert("Der skal vælges mindst én fil");
    f.file1.select();
    f.file1.focus();
    return false;
  }
  if(flt){
    alert("Der skal vælges filer af typen .txt, .doc, .pdf, .xls");
    flt.select();
    flt.focus();
    document.getElementById('file' + i).style.borderColor='red';
    return false;
  }
  RunProgress();
  document.UploadForm.elements.upload.disabled=true;
  document.UploadForm.elements.upload.value='Vent venligst ...';
  return true;
}

formen: <form method="POST" action="KeKaCMS_FileUpload.asp" enctype="multipart/form-data" name="UploadForm" onsubmit="return SubmitForm(this);">

Den fejler på denne her linje: document.getElementById('file' + i).style.borderColor='red';

Fejl: Object required

Argh ...

  if(flt){
    alert("Der skal vælges filer af typen .txt, .doc, .pdf, .xls");
    flt.select();
    flt.focus();
    flt.style.borderColor='red';
    return false;
  }

så er den der næsten.

eneste problem er nu at den ved et somt felt ikke får lov til at submitte, grundet at den jo ikke matcher denne her: if (!elm.value.match(/\.(txt|doc|pdf|xls)$/i)), så der skal vel også står at feltet kan være tomt.

kan man også skriver: flt.style.borderSize='2px';

if (!elm.value.match(/\.(txt|doc|pdf|xls)$|/i)) {

-- der er indsat et regexp eller-tegn: |

-- og du kan gøre alt muligt med stylen, men præcis at ændre dimensioner skal du passe på med, da det kan skubbe designet !-)

-- og så hedder det iøvrigt borderWidth !-)

hmm, nu kommer den ikke op med alertboxen hvis filtypen er forkert :-(

Prøver igen !-)

if (!elm.value.match(/\.(txt|doc|pdf|xls)$|^$/i)) {

Så er den der... Jubii, Du skal have tusind tak for din store hjælp

du må meget gerne lave et svar :-)

Lige en helt anden ting, ved du om det er muligt at tjekke en fils størrelse med javascript?

Nej, javascript har ikke adgang til nogle oplysninger om filen, andet end navnet ...

-- og velbekomme '-)

Tak for point ;~}