Pełna wersja: formularze - pola konieczne do wypełnienia
Problem przedstawia się następująco: Mam formularz gdzie znajdują sie dwa pola <TEXTAREA> oraz jedno <TEXT>, każde musi zostać wypełnione. Napisałem skrypcik, który przy pozostawieniu któregokolwiek pola pustego nie przeskakuje do nastepnej strony tylko odswieża tą z formularzem i powiadamia o wypełnieniu brakujących pól. Z uwagi na to, że jest to skrypt do publikacji newsów dwa pola typu <TEXTAREA> mogą przyjąć dosc długie łancuchy znaków i szukam rozwiązania aby po wypełnieniu pól i pozostawieniu np jednego nie wypełnionego skrypt po wykryciu pustego pola odświeżył formularz, ale pozostawił wcześniej już wypełnione pola. Jak na razie moje proby zapisania tego do zmiennych i wrzucenia tego później do pola spełzły na niczym. Może jest jakieś proste rozwiązanie, ale jak na razie w żadnym opisie skryptów i formularzy nie znalazłem nic konkretnego.
JS 
O ile dobrze rozumiem to chodzi o to, żeby po przeładowaniu wypełnione prawidłowo pola, pozostawały wypełnione? W najprostszej wersji wystarczy ustawić wartość domyślną pól na zmienną którą każde z nich wysyła. Czyli jeśli pole nazywa się imie to w tym polu parametr value="$_POST['imie']"
Wydaje mi się, że możesz też skorzystać z JS i w razie błędu zrobić przekierowanie na "java script:history.back()". Efekt jest taki, jakbyś kliknął przycisk "Wstecz" w przeglądarce, a więc pola zostają wypełnione.
Macromedia DreamWeaver MX ma to prostą metodę (bez przeładowywania):
Kod
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-2">
<script language="JavaScript" type="text/JavaScript">
<!--
function MM_findObj(n, d) { //v4.01
var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
if(!x && d.getElementById) x=d.getElementById(n); return x;
}
function MM_validateForm() { //v4.0
var i,p,q,nm,test,num,min,max,errors='',args=MM_validateForm.arguments;
for (i=0; i<(args.length-2); i+=3) { test=args[i+2]; val=MM_findObj(args[i]);
if (val) { nm=val.name; if ((val=val.value)!="") {
if (test.indexOf('isEmail')!=-1) { p=val.indexOf('@');
if (p<1 || p==(val.length-1)) errors+='- '+nm+' must contain an e-mail address.n';
} else if (test!='R') { num = parseFloat(val);
if (isNaN(val)) errors+='- '+nm+' must contain a number.n';
if (test.indexOf('inRange') != -1) { p=test.indexOf(':');
min=test.substring(8,p); max=test.substring(p+1);
if (num<min || max<num) errors+='- '+nm+' must contain a number between '+min+' and '+max+'.n';
} } } else if (test.charAt(0) == 'R') errors += '- '+nm+' is required.n'; }
} if (errors) alert('The following error(s) occurred:n'+errors);
document.MM_returnValue = (errors == '');
}
//-->
</script>
</head>
<body>
<form action="" method="post" name="form1" onSubmit="MM_validateForm('textfield','','R');return document.MM_returnValue">
<input type="text" name="textfield">
<input type="submit" name="Submit" value="Submit">
</form>
</body>
</html>
<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-2">
<script language="JavaScript" type="text/JavaScript">
<!--
function MM_findObj(n, d) { //v4.01
var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
if(!x && d.getElementById) x=d.getElementById(n); return x;
}
function MM_validateForm() { //v4.0
var i,p,q,nm,test,num,min,max,errors='',args=MM_validateForm.arguments;
for (i=0; i<(args.length-2); i+=3) { test=args[i+2]; val=MM_findObj(args[i]);
if (val) { nm=val.name; if ((val=val.value)!="") {
if (test.indexOf('isEmail')!=-1) { p=val.indexOf('@');
if (p<1 || p==(val.length-1)) errors+='- '+nm+' must contain an e-mail address.n';
} else if (test!='R') { num = parseFloat(val);
if (isNaN(val)) errors+='- '+nm+' must contain a number.n';
if (test.indexOf('inRange') != -1) { p=test.indexOf(':');
min=test.substring(8,p); max=test.substring(p+1);
if (num<min || max<num) errors+='- '+nm+' must contain a number between '+min+' and '+max+'.n';
} } } else if (test.charAt(0) == 'R') errors += '- '+nm+' is required.n'; }
} if (errors) alert('The following error(s) occurred:n'+errors);
document.MM_returnValue = (errors == '');
}
//-->
</script>
</head>
<body>
<form action="" method="post" name="form1" onSubmit="MM_validateForm('textfield','','R');return document.MM_returnValue">
<input type="text" name="textfield">
<input type="submit" name="Submit" value="Submit">
</form>
</body>
</html>
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.