Valider felter

<input type=text name=text1 onChange="dataChanged = true;">

- men hvis du retter værdien, og så retter tilbage, så vil det stadig blive opfattet som om at der er rettet i værdierne.

<form onSubmit="return Valider_Felter(this);">


og:

function Valider_Felter(f){
  if (dataChanged) return (confirm("Data ændret, vil du fortsætte?"));
  return true;
  }

din validering skal være på onSubmit på <form>, ikke på onClick på Submitknappen

<script type="text/javascript">
function compareFields(frm, fields1, fields2) {
    old_field = fields1.split(',');
    new_field = fields2.split(',');
    for (i=0;i<new_field.length;i++) {
        if (frm[old_field[i]].value != frm[new_field[i]].value) {
            return confirm("Nogle felter er blevet ændret - vil du fortsætte?");
        }
    }
}
</script>

<form action="" onsubmit="return compareFields(this, 'ting1,ting2,ting3', 'text1,text2,text3')">

<input type="hidden" name="ting1" value="1" />
<input type="hidden" name="ting2" value="2" />
<input type="hidden" name="ting3" value="3" />

<input type="text" name="text1" />
<input type="text" name="text2" />
<input type="text" name="text3" />

<input type="submit" value="Send" />

</form>

Det var faktisk smart! men hvad med andre felter end tekstboxe/texareas?

Hvis det ikke er nødvendigt at tage hensyn til andre typer, så kan du sammenligne .value med .defaultValue for det felter der skal checkkes.

Det er textarea, text, radio og checkboxes jeg skal checke

function Valider_Felter(f){
  if (f.text1.value != f.text1.defaultValue) dataChanged = true; 
  if (f.text2.value != f.text2.defaultValue) dataChanged = true; 
  if (f.text3.value != f.text3.defaultValue) dataChanged = true; 
  if (f.text4.value != f.text4.defaultValue) dataChanged = true; 
  if (dataChanged) return (confirm("Data ændret, vil du fortsætte?"));
  return true;
  }

og drop så det med onChange, ok?

schaefner> har prøvet dit script.. virker næsten. Her er kode:

onsubmit=\"return compareFields(this, 'q_1,q_2,q_3,q_4,q_5', 'q_type,question,options,comment_check,extraoption')

<input type=hidden name=q_1 value='{$_SESSION[s_q][$current_pointer][q_type]}'>
<input type=hidden name=q_2 value='{$_SESSION[s_q][$current_pointer][question]}'>
<input type=hidden name=q_3 value='{$_SESSION[s_q][$current_pointer][options]}'>
<input type=hidden name=q_4 value='{$_SESSION[s_q][$current_pointer][comment_check]}'>
<input type=hidden name=q_5 value='{$_SESSION[s_q][$current_pointer][extraoption]}'>

            <input type=radio name=q_type value='radiochoise' ".(($_SESSION[s_q][$current_pointer][q_type] == "radiochoise" || $_SESSION[s_q][$current_pointer][q_type] == "") ? "checked" : "")." onclick='this.form.extraoption.disabled=!this.checked;'><font size=1>(<a href='java script:openWin(\"Eksamples/radiochoise.php\");'>$strChoises[1]</a>)</font>
            <input type=radio name=q_type value='checkchoise' ".(($_SESSION[s_q][$current_pointer][q_type] == "checkchoise") ? "checked" : "")." onclick='this.form.extraoption.disabled=!this.checked;'><font size=1>(<a href='java script:openWin(\"Eksamples/checkchoise.php\");'>$strChoises[2]</a>)</font><br>
            <input type=radio name=q_type value='pulldownchoise' ".(($_SESSION[s_q][$current_pointer][q_type] == "pulldownchoise") ? "checked" : "")." onclick='if(this.checked) {this.form.extraoption.checked=false;this.form.extraoption.disabled=true;}'><font size=1>(<a href='java script:openWin(\"Eksamples/pulldownchoise.php\");'>$strChoises[3]</a>)</font>
            <input type=radio name=q_type value='textchoise' ".(($_SESSION[s_q][$current_pointer][q_type] == "textchoise") ? "checked" : "")." onclick='if(this.checked) {this.form.extraoption.checked=false;this.form.extraoption.disabled=true;}'><font size=1>(<a href='java script:openWin(\"Eksamples/textchoise.php\");'>$strChoises[4]</a>)</font><br>
            <input type=radio name=q_type value='numberchoise' ".(($_SESSION[s_q][$current_pointer][q_type] == "numberchoise") ? "checked" : "")." onclick='if(this.checked) {this.form.extraoption.checked=false;this.form.extraoption.disabled=true;}'><font size=1>(<a href='java script:openWin(\"Eksamples/numberchoise.php\");'>$strChoises[5]</a>)</font>
            <input type=radio name=q_type value='ratechoise' ".(($_SESSION[s_q][$current_pointer][q_type] == "ratechoise") ? "checked" : "")." onclick='if(this.checked) {this.form.extraoption.checked=false;this.form.extraoption.disabled=true;}'><font size=1>(<a href='java script:openWin(\"Eksamples/ratechoise.php\");'>$strChoises[6]</a>)</font><br>

            <textarea rows=10 cols=35 name=question onblur='if(this.value == \"\") {alert(\"$strAlert[2]\");this.select();this.focus();}'>".stripslashes($_SESSION[s_q][$current_pointer][question])."</textarea>
            <textarea rows=10 cols=35 name=options onblur='if(this.value == \"\") {alert(\"$strAlert[2]\");this.select();this.focus();}'>".stripslashes($_SESSION[s_q][$current_pointer][options])."</textarea>
            $strBodyText[8]: <input type=checkbox name=comment_check ".(($_SESSION[s_q][$current_pointer][comment_check] == "on") ? " checked " : "").">
            $strBodyText[9] : <input type=checkbox name=extraoption >

Uanset hvad, så kommer den frem og siger at der er ændret ting.

ah. q_1 = value q_type=undefined

Så den kan ikke se hvad q_type er.. hmm..

kan det være fordi q_type er <input type=radio ...> ??

q_type bliver sat til checked men q_1 bliver = "radiochoise"

Så den bliver sg nok lidt svær..

Jeg synes jo selv at min version er let, og den kræver ikke at du tilføjer noget til felterne, blot at du indfører deres navne i array'et

Den er også let.

problemet er følgende:
når jeg kommer ind på siden kan f.eks. q_type være lig teksten "radiochoise" eller "checkchoise". Men når jeg klikker på den dersens radiobutton udfor feks. q_type=checkchoise så er værdien på q_type ikke "checkchoise" men om checked.
Så jeg kan ikke se jeg kan sammenligne de 2 værdier.

Det jeg evt. kunne checke på inden jeg sætter en hidden værdi var om den var lig med "sig selv" så kunne jeg sætte q_1 = checked. Men hvilken er det så jeg har checked. "radiochoise" eller en af de andre.. arg.. driving me nutta..

som jeg lige tænker... og det gør jeg jo.. så skulle man lave en funktion der kører onbodyload som - afhængig af input typen - sætter den aktuelle værdi i "old_value". Onsubmit skal samle de aktuelle status og sammenligne med "old_values".

eller også tænker jeg forkert..

defaultSelected
defaultChecked

findes også

Så hvis man gør sådan

var arrFelter = new Array("felt1");
var arrRadioFelter = new Array("felt4");
var arrCheckboxFelter = new Array("felt5");
function Valider_Felter(f){
    dataChanged = false;
    for (i=0;i<arrFelter.length;i++){
        thisFelt = f[arrFelter];
        if (thisFelt.value != thisFelt.defaultValue) dataChanged = true;
        }
    for (i=0;i<arrCheckboxFelter.length;i++){
        thisFelt = f[arrCheckboxFelter];
        if (thisFelt.checked != thisFelt.defaultChecked) dataChanged = true;
        }
    for (i=0;i<arrRadioFelter.length;i++){
        thisFelt = f[arrRadioFelter];
        for (n=0;n<thisFelt.length;n++){
            if (thisFelt[n].checked != thisFelt[n].defaultChecked) dataChanged = true;
            }
        }
    alert(dataChanged)
    }

Du skal altså lave tre Arrays, et med radiofelter, et med checkboxes og et med textareas, text, og password

Nu tror jeg den er der.

Undskyld jeg er lidt sent ude.. men meget skal laves..

var arrFelter = osv.. dem skal jeg ikke have med.. de er som test eller...

hvordan skal jeg så kalde Valider_Felter når jeg f.eks. har feltnavnene som ovenstående (7 up ^)

Noget ala:

<form name=dims onsubmit="Valider_Felter(q_type, question, comment_check, extra_option);">

eller...

nej

<form name=dims onsubmit="return Valider_Felter(this);">

- som jeg har lavet det

Og de tre arrays skal være der, i den udstrækning du skal have valideret alle tre felttyper. Du skal indskrive felternes name, med komma imellem. Kun felter der sår listet i et af disse tre arrays bliver valideret for "Data changed":

var arrFelter = new Array("felt1", "felt2");
var arrRadioFelter = new Array("felt4", "felt3");
var arrCheckboxFelter = new Array("felt5", "felt6", "felt7");
function Valider_Felter(f){
    dataChanged = false;
    for (i=0;i<arrFelter.length;i++){
        thisFelt = f[arrFelter];
        if (thisFelt.value != thisFelt.defaultValue) dataChanged = true;
        }
    for (i=0;i<arrCheckboxFelter.length;i++){
        thisFelt = f[arrCheckboxFelter];
        if (thisFelt.checked != thisFelt.defaultChecked) dataChanged = true;
        }
    for (i=0;i<arrRadioFelter.length;i++){
        thisFelt = f[arrRadioFelter];
        for (n=0;n<thisFelt.length;n++){
            if (thisFelt[n].checked != thisFelt[n].defaultChecked) dataChanged = true;
            }
        }
    if (dataChanged) return (confirm("Data ændret, ok?"));
    return true;
    //alert(dataChanged)
    }

ok.. Så man skal vide hvilken type felterne er på forhånd.. men det er osse ok..

Jeg prøver..

Det lader til at den kun kører det første array igennem..

var arrFelter = new Array("question");
var arrRadioFelter = new Array("q_type");
var arrCheckboxFelter = new Array("comment_check", "extraoption");
function Valider_Felter(f)
{
    dataChanged = false;
    for (i=0;i<arrFelter.length;i++)
    {
        thisFelt = f[arrFelter];
        if (thisFelt.value != thisFelt.defaultValue) dataChanged = true;
    }
    for (i=0;i<arrCheckboxFelter.length;i++)
    {
        thisFelt = f[arrCheckboxFelter];
        if (thisFelt.checked != thisFelt.defaultChecked) dataChanged = true;
    }
    for (i=0;i<arrRadioFelter.length;i++)
    {
        thisFelt = f[arrRadioFelter];
        for (n=0;n<thisFelt.length;n++)
        {
            if (thisFelt[n].checked != thisFelt[n].defaultChecked) dataChanged = true;
        }
    }
    if (dataChanged)
        return (confirm("Data ændret, ok?"));
    return true;
    //alert(dataChanged)
}
   

Hvis jeg smider en alert ("D:" + arrCheckboxFelter.length); ind så fortæller den mig at arrayet er 2 langt. Men der kommer ikke nogen "Data ændre, ok?" frem..

Der manglede tre gange [i], jeg havde ikke testet det ordentligt, sorry


var arrFelter = new Array("question");
var arrRadioFelter = new Array("q_type");
var arrCheckboxFelter = new Array("comment_check", "extraoption");

function Valider_Felter(f)
{
    dataChanged = false;
    for (i=0;i<arrFelter.length;i++)
    {
        thisFelt = f[arrFelter[i]];
        if (thisFelt.value != thisFelt.defaultValue) dataChanged = true;
    }
   
    for (i=0;i<arrCheckboxFelter.length;i++)
    {
        thisFelt = f[arrCheckboxFelter[i]];
        if (thisFelt.checked != thisFelt.defaultChecked) dataChanged = true;
    }
    for (i=0;i<arrRadioFelter.length;i++)
    {
        thisFelt = f[arrRadioFelter[i]];
        for (n=0;n<thisFelt.length;n++)
        {
            if (thisFelt[n].checked != thisFelt[n].defaultChecked) dataChanged = true;
        }
    }
    if (dataChanged) return (confirm("Data ændret, ok?"));
    return true;
    //alert(dataChanged)
}

Kanon.. det virker for godt til at være sandt ;-)

Smid et svar ..

Super. Du skal lige checkke med andre browsere, men javascriptet er indenfor normale standarder, så det skulle virke ...