php-webdesign
asked on
input type="submit" to type="button"
I have got a problem with setting the inupt type submit to input type button (if you know what i mean)...
I can set it to button, but then the 2 javascript checks are not executed while submitting. Anybody got an idea?
I have the following Javascript:
<script type="text/javascript">
function ValidateForm(theForm){
var relatie=document.theForm.r elatie
var url=document.theForm.url
var provider=document.theForm. provider
var elem=document.theForm.elem ents
if ((relatie.value==null)||(r elatie.val ue=="")){
alert("Fill in the relation")
relatie.focus()
return false;
}
if ((url.value==null)||(url.v alue=="")) {
alert("Fill in the URL")
url.focus()
return false;
}
if ((provider.value==null)||( provider.v alue=="")) {
alert("Fill in the provider")
provider.focus()
return false;
}
for(var i=0;i<elem.length;i++){
if((elem[i].name.indexOf(" opmerking" )==0 &&
elem[i].value>"") ||
(elem[i].name.indexOf("hos tname")==0 &&
elem[i].value>"") ||
(elem[i].name.indexOf("use rcode")==0 &&
elem[i].value>"") ||
(elem[i].name.indexOf("pas sword")==0 &&
elem[i].value>"")){
var fNum=elem[i].name.replace( /\D/g,"")
var waarde="niet_ingevuld"
if((document.theForm["host name"+fNum ].value==" ") || (document.theForm["usercod e"+fNum].v alue=="") || (document.theForm["passwor d"+fNum].v alue=="")) {
if(waarde=="filled_in"){
waarde="filled_in"
}
else {
waarde="not_filled_in"
}
}
else {
waarde="filled_in"
}
}
}
if(waarde=="filled_in"){
return true;
} else {
alert("There must be at least one row filled in")
return false;
}
}
function checkForm(theForm){
elem = theForm.elements;
for(var i=0;i<elem.length;i++){
if((elem[i].name.indexOf(" opmerking" )==0 &&
elem[i].value>"") ||
(elem[i].name.indexOf("hos tname")==0 &&
elem[i].value>"") ||
(elem[i].name.indexOf("use rcode")==0 &&
elem[i].value>"") ||
(elem[i].name.indexOf("pas sword")==0 &&
elem[i].value>"")){
fNum = elem[i].name.replace(/\D/g ,"");
if(theForm["hostname"+fNum ].value==" "||
theForm["usercode"+fNum].v alue==""||
theForm["password"+fNum].v alue==""){
if(theForm["hostname"+fNum ].value==" "){
alert('The field hostname is not filled in');
var hostname=document.theForm[ "hostname" +fNum]
hostname.focus()
return false;
}
if(theForm["usercode"+fNum ].value==" "){
alert('The field usercode is not filled in');
var usercode=document.theForm[ "usercode" +fNum]
usercode.focus()
return false;
}
if(theForm["password"+fNum ].value==" "){
alert('The field password is not filled in');
var password=document.theForm[ "password" +fNum]
password.focus()
return false;
}
return false;
}
}
}
return ValidateForm();
}
</script>
And the following form:
<form action="toevoegen.php" name="theForm" method="post" onSubmit="return checkForm(this)">
//here the elements
<input type="submit" value="Save" name="Save">
<input type="reset" name="Cancel" value="Cancel">
I can set it to button, but then the 2 javascript checks are not executed while submitting. Anybody got an idea?
I have the following Javascript:
<script type="text/javascript">
function ValidateForm(theForm){
var relatie=document.theForm.r
var url=document.theForm.url
var provider=document.theForm.
var elem=document.theForm.elem
if ((relatie.value==null)||(r
alert("Fill in the relation")
relatie.focus()
return false;
}
if ((url.value==null)||(url.v
alert("Fill in the URL")
url.focus()
return false;
}
if ((provider.value==null)||(
alert("Fill in the provider")
provider.focus()
return false;
}
for(var i=0;i<elem.length;i++){
if((elem[i].name.indexOf("
elem[i].value>"") ||
(elem[i].name.indexOf("hos
elem[i].value>"") ||
(elem[i].name.indexOf("use
elem[i].value>"") ||
(elem[i].name.indexOf("pas
elem[i].value>"")){
var fNum=elem[i].name.replace(
var waarde="niet_ingevuld"
if((document.theForm["host
if(waarde=="filled_in"){
waarde="filled_in"
}
else {
waarde="not_filled_in"
}
}
else {
waarde="filled_in"
}
}
}
if(waarde=="filled_in"){
return true;
} else {
alert("There must be at least one row filled in")
return false;
}
}
function checkForm(theForm){
elem = theForm.elements;
for(var i=0;i<elem.length;i++){
if((elem[i].name.indexOf("
elem[i].value>"") ||
(elem[i].name.indexOf("hos
elem[i].value>"") ||
(elem[i].name.indexOf("use
elem[i].value>"") ||
(elem[i].name.indexOf("pas
elem[i].value>"")){
fNum = elem[i].name.replace(/\D/g
if(theForm["hostname"+fNum
theForm["usercode"+fNum].v
theForm["password"+fNum].v
if(theForm["hostname"+fNum
alert('The field hostname is not filled in');
var hostname=document.theForm[
hostname.focus()
return false;
}
if(theForm["usercode"+fNum
alert('The field usercode is not filled in');
var usercode=document.theForm[
usercode.focus()
return false;
}
if(theForm["password"+fNum
alert('The field password is not filled in');
var password=document.theForm[
password.focus()
return false;
}
return false;
}
}
}
return ValidateForm();
}
</script>
And the following form:
<form action="toevoegen.php" name="theForm" method="post" onSubmit="return checkForm(this)">
//here the elements
<input type="submit" value="Save" name="Save">
<input type="reset" name="Cancel" value="Cancel">
ASKER
ooh damn.. i mean type="image"... but i can try this solution :-)
And if you do not know the form submit check script name, then you could even do this:
<input type="button" value="Save" name="Save" onClick="if(this.form.onsu bmit()) this.form.submit()">
<input type="button" value="Save" name="Save" onClick="if(this.form.onsu
For <input type=image> you need no script. The onSubmit is handled correct in the form tag.
ASKER
how do i do the cancel then with type=image?
The onSubmit event handler does the submission cancel also for image buttons, not only for submit buttons.
You did not post the complette page source so I cannot test it.
But I would avoid naming parameter variables and page elements with the same name.
You used the name theForm as parameter and as form name.
But I would avoid naming parameter variables and page elements with the same name.
You used the name theForm as parameter and as form name.
ASKER
I can post the page.. what way you want it?
HTML or the PHP code?
(the page is dynamicly generated)
HTML or the PHP code?
(the page is dynamicly generated)
If no db, then php.
If some db access, then generated html from browser.
If some db access, then generated html from browser.
It works correct. Where do you get problems?
I tested in IE6.0 and Mozilla1.7
I tested in IE6.0 and Mozilla1.7
ASKER
yeah it works.... but i want
<td><input type="reset" value="reset" name="reset"></td>
to also be an image...
<td><input type="reset" value="reset" name="reset"></td>
to also be an image...
Here the reset image:
<td><img src="img/opslaan.gif" onClick="myForm.reset()">< /td>
And the script with the renamed form tag:
<html>
<head>
<title>Toevoegen</title>
<link rel="stylesheet" type="text/css" href="inlogstyle.css" />
<script type="text/javascript">
function ValidateForm(theForm){
var relatie=theForm.relatie
var url=theForm.url
var provider=theForm.provider
var elem=theForm.elements
if ((relatie.value==null)||(r elatie.val ue=="")){
alert("Vul de relatie in")
relatie.focus()
return false;
}
if ((url.value==null)||(url.v alue=="")) {
alert("Vul de url in")
url.focus()
return false;
}
if ((provider.value==null)||( provider.v alue=="")) {
alert("Vul de provider in")
provider.focus()
return false;
}
for(var i=0;i<elem.length;i++){
if((elem[i].name.indexOf(" opmerking" )==0 &&
elem[i].value>"") ||
(elem[i].name.indexOf("hos tname")==0 &&
elem[i].value>"") ||
(elem[i].name.indexOf("use rcode")==0 &&
elem[i].value>"") ||
(elem[i].name.indexOf("pas sword")==0 &&
elem[i].value>"")){
var fNum=elem[i].name.replace( /\D/g,"")
var waarde="niet_ingevuld"
if((theForm["hostname"+fNu m].value== "") || (theForm["usercode"+fNum]. value=="") ||
(theForm["password"+fNum]. value=="") ){
if(waarde=="ingevuld"){
waarde="ingevuld"
}
else {
waarde="niet_ingevuld"
}
}
else {
waarde="ingevuld"
}
}
}
if(waarde=="ingevuld"){
return true;
} else {
alert("Er moet minimaal 1 rij van gegevens ingevuld worden")
return false;
}
}
function checkForm(theForm){
elem = theForm.elements;
for(var i=0;i<elem.length;i++){
if((elem[i].name.indexOf(" opmerking" )==0 &&
elem[i].value>"") ||
(elem[i].name.indexOf("hos tname")==0 &&
elem[i].value>"") ||
(elem[i].name.indexOf("use rcode")==0 &&
elem[i].value>"") ||
(elem[i].name.indexOf("pas sword")==0 &&
elem[i].value>"")){
fNum = elem[i].name.replace(/\D/g ,"");
if(theForm["hostname"+fNum ].value==" "||
theForm["usercode"+fNum].v alue==""||
theForm["password"+fNum].v alue==""){
if(theForm["hostname"+fNum ].value==" "){
alert('Het veld hostname is niet ingevuld');
var hostname=theForm["hostname "+fNum]
hostname.focus()
return false;
}
if(theForm["usercode"+fNum ].value==" "){
alert('Het veld username is niet ingevuld');
var usercode=theForm["usercode "+fNum]
usercode.focus()
return false;
}
if(theForm["password"+fNum ].value==" "){
alert('Het veld password is niet ingevuld');
var password=theForm["password "+fNum]
password.focus()
return false;
}
return false;
}
}
}
return ValidateForm(theForm);
}
</script>
</head>
<body>
<form action="toevoegen.php" name="myForm" method="post" onSubmit="return checkForm(this)">
<td><img src="img/opslaan.gif" onClick="myForm.reset()"><
And the script with the renamed form tag:
<html>
<head>
<title>Toevoegen</title>
<link rel="stylesheet" type="text/css" href="inlogstyle.css" />
<script type="text/javascript">
function ValidateForm(theForm){
var relatie=theForm.relatie
var url=theForm.url
var provider=theForm.provider
var elem=theForm.elements
if ((relatie.value==null)||(r
alert("Vul de relatie in")
relatie.focus()
return false;
}
if ((url.value==null)||(url.v
alert("Vul de url in")
url.focus()
return false;
}
if ((provider.value==null)||(
alert("Vul de provider in")
provider.focus()
return false;
}
for(var i=0;i<elem.length;i++){
if((elem[i].name.indexOf("
elem[i].value>"") ||
(elem[i].name.indexOf("hos
elem[i].value>"") ||
(elem[i].name.indexOf("use
elem[i].value>"") ||
(elem[i].name.indexOf("pas
elem[i].value>"")){
var fNum=elem[i].name.replace(
var waarde="niet_ingevuld"
if((theForm["hostname"+fNu
(theForm["password"+fNum].
if(waarde=="ingevuld"){
waarde="ingevuld"
}
else {
waarde="niet_ingevuld"
}
}
else {
waarde="ingevuld"
}
}
}
if(waarde=="ingevuld"){
return true;
} else {
alert("Er moet minimaal 1 rij van gegevens ingevuld worden")
return false;
}
}
function checkForm(theForm){
elem = theForm.elements;
for(var i=0;i<elem.length;i++){
if((elem[i].name.indexOf("
elem[i].value>"") ||
(elem[i].name.indexOf("hos
elem[i].value>"") ||
(elem[i].name.indexOf("use
elem[i].value>"") ||
(elem[i].name.indexOf("pas
elem[i].value>"")){
fNum = elem[i].name.replace(/\D/g
if(theForm["hostname"+fNum
theForm["usercode"+fNum].v
theForm["password"+fNum].v
if(theForm["hostname"+fNum
alert('Het veld hostname is niet ingevuld');
var hostname=theForm["hostname
hostname.focus()
return false;
}
if(theForm["usercode"+fNum
alert('Het veld username is niet ingevuld');
var usercode=theForm["usercode
usercode.focus()
return false;
}
if(theForm["password"+fNum
alert('Het veld password is niet ingevuld');
var password=theForm["password
password.focus()
return false;
}
return false;
}
}
}
return ValidateForm(theForm);
}
</script>
</head>
<body>
<form action="toevoegen.php" name="myForm" method="post" onSubmit="return checkForm(this)">
The script change was not really neccessary, but it was suspecious to me :)
ASKER CERTIFIED SOLUTION
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
hi, try this
<style>
.imgBtn{background:url('te st.gif')}
</style>
<input type="reset" value="reset" class="imgBtn" name="reset">
<style>
.imgBtn{background:url('te
</style>
<input type="reset" value="reset" class="imgBtn" name="reset">
Good idea, but bad naming. names like the form methods should be avoided. reset() is a form method.
ASKER
Bacause i did something wrong with the previuos post... here the HTML again, previous post has been deleted. No need te reply to this question.
<html>
<head>
<title>Toevoegen</title>
<link rel="stylesheet" type="text/css" href="inlogstyle.css" />
<script type="text/javascript">
function ValidateForm(theForm){
var relatie=document.theForm.r elatie
var url=document.theForm.url
var provider=document.theForm. provider
var elem=document.theForm.elem ents
if ((relatie.value==null)||(r elatie.val ue=="")){
alert("Vul de relatie in")
relatie.focus()
return false;
}
if ((url.value==null)||(url.v alue=="")) {
alert("Vul de url in")
url.focus()
return false;
}
if ((provider.value==null)||( provider.v alue=="")) {
alert("Vul de provider in")
provider.focus()
return false;
}
for(var i=0;i<elem.length;i++){
if((elem[i].name.indexOf(" opmerking" )==0 &&
elem[i].value>"") ||
(elem[i].name.indexOf("hos tname")==0 &&
elem[i].value>"") ||
(elem[i].name.indexOf("use rcode")==0 &&
elem[i].value>"") ||
(elem[i].name.indexOf("pas sword")==0 &&
elem[i].value>"")){
var fNum=elem[i].name.replace( /\D/g,"")
var waarde="niet_ingevuld"
if((document.theForm["host name"+fNum ].value==" ") || (document.theForm["usercod e"+fNum].v alue=="") || (document.theForm["passwor d"+fNum].v alue=="")) {
if(waarde=="ingevuld"){
waarde="ingevuld"
}
else {
waarde="niet_ingevuld"
}
}
else {
waarde="ingevuld"
}
}
}
if(waarde=="ingevuld"){
return true;
} else {
alert("Er moet minimaal 1 rij van gegevens ingevuld worden")
return false;
}
}
function checkForm(theForm){
elem = theForm.elements;
for(var i=0;i<elem.length;i++){
if((elem[i].name.indexOf(" opmerking" )==0 &&
elem[i].value>"") ||
(elem[i].name.indexOf("hos tname")==0 &&
elem[i].value>"") ||
(elem[i].name.indexOf("use rcode")==0 &&
elem[i].value>"") ||
(elem[i].name.indexOf("pas sword")==0 &&
elem[i].value>"")){
fNum = elem[i].name.replace(/\D/g ,"");
if(theForm["hostname"+fNum ].value==" "||
theForm["usercode"+fNum].v alue==""||
theForm["password"+fNum].v alue==""){
if(theForm["hostname"+fNum ].value==" "){
alert('Het veld hostname is niet ingevuld');
var hostname=document.theForm[ "hostname" +fNum]
hostname.focus()
return false;
}
if(theForm["usercode"+fNum ].value==" "){
alert('Het veld username is niet ingevuld');
var usercode=document.theForm[ "usercode" +fNum]
usercode.focus()
return false;
}
if(theForm["password"+fNum ].value==" "){
alert('Het veld password is niet ingevuld');
var password=document.theForm[ "password" +fNum]
password.focus()
return false;
}
return false;
}
}
}
return ValidateForm();
}
</script>
</head>
<body>
<form action="toevoegen.php" name="theForm" method="post" onSubmit="return checkForm(this)">
<table align="center" width="95%" cellspacing="0" cellpadding="0" border="0">
<tr>
<td>Selecteer de relatie:</td>
<td></td>
<td><select name="relatie">
<option value="" SELECTED>Kies Relatie</option>
<option value="2">1PointAdvise</op tion>
<option value="221">test</option>
</select><br></td>
</tr>
<tr>
<td>URL:</td>
<td></td>
<td><input type="text" name="url" size="40"/><br></td>
</tr>
<tr>
<td>Provider:</td>
<td></td>
<td><input type="text" name="provider" size="40" /></td>
</tr>
<tr>
<td>Opmerking:</td>
<td></td>
<td><textarea rows="2" name="alg_opmerking" cols="37"></textarea></td>
</tr>
</table>
<br>
<table align="center" border="0" cellpadding="0" cellspacing="0" width="95%">
<tr>
<td class="tabelkop"></td>
<td class="tabelkop"> &nb sp;Hostnam e</td>
<td class="tabelkop"> &nb sp;Usercod e</td>
<td class="tabelkop"> &nb sp;Passwor d</td>
<td class="tabelkop"> &nb sp;Opmerki ng</td>
</tr>
<tr>
<td nowrap="nowrap"><strong>ft p</strong> </td>
<td><input name="hostname1" value="" type="text"> </ td>
<td><input name="usercode1" value="" type="text"> </ td>
<td><input name="password1" value="" type="text"> </ td>
<input type="hidden" name="inlogtype_id1" value="1" />
<td><textarea rows="2" name="opmerking1"></textar ea> & nbsp;</td>
</tr>
<tr>
<td nowrap="nowrap"><strong>te lnet</stro ng></td>
<td><input name="hostname2" value="" type="text"> </ td>
<td><input name="usercode2" value="" type="text"> </ td>
<td><input name="password2" value="" type="text"> </ td>
<input type="hidden" name="inlogtype_id2" value="2" />
<td><textarea rows="2" name="opmerking2"></textar ea> & nbsp;</td>
</tr>
<tr>
<td nowrap="nowrap"><strong>ft p en telnet</strong></td>
<td><input name="hostname3" value="" type="text"> </ td>
<td><input name="usercode3" value="" type="text"> </ td>
<td><input name="password3" value="" type="text"> </ td>
<input type="hidden" name="inlogtype_id3" value="3" />
<td><textarea rows="2" name="opmerking3"></textar ea> & nbsp;</td>
</tr>
<tr>
<td nowrap="nowrap"><strong>da tabase</st rong></td>
<td><input name="hostname4" value="" type="text"> </ td>
<td><input name="usercode4" value="" type="text"> </ td>
<td><input name="password4" value="" type="text"> </ td>
<input type="hidden" name="inlogtype_id4" value="4" />
<td><textarea rows="2" name="opmerking4"></textar ea> & nbsp;</td>
</tr>
<tr>
<td nowrap="nowrap"><strong>on derhoud</s trong></td >
<td><input name="hostname5" value="" type="text"> </ td>
<td><input name="usercode5" value="" type="text"> </ td>
<td><input name="password5" value="" type="text"> </ td>
<input type="hidden" name="inlogtype_id5" value="5" />
<td><textarea rows="2" name="opmerking5"></textar ea> & nbsp;</td>
</tr>
<tr>
<td nowrap="nowrap"><strong>te stomgeving </strong>< /td>
<td><input name="hostname6" value="" type="text"> </ td>
<td><input name="usercode6" value="" type="text"> </ td>
<td><input name="password6" value="" type="text"> </ td>
<input type="hidden" name="inlogtype_id6" value="6" />
<td><textarea rows="2" name="opmerking6"></textar ea> & nbsp;</td>
</tr>
<tr>
<td nowrap="nowrap"><strong>da tabase onderhoud</strong></td>
<td><input name="hostname7" value="" type="text"> </ td>
<td><input name="usercode7" value="" type="text"> </ td>
<td><input name="password7" value="" type="text"> </ td>
<input type="hidden" name="inlogtype_id7" value="7" />
<td><textarea rows="2" name="opmerking7"></textar ea> & nbsp;</td>
</tr>
<tr>
<td nowrap="nowrap"><strong>st atistieken </strong>< /td>
<td><input name="hostname8" value="" type="text"> </ td>
<td><input name="usercode8" value="" type="text"> </ td>
<td><input name="password8" value="" type="text"> </ td>
<input type="hidden" name="inlogtype_id8" value="8" />
<td><textarea rows="2" name="opmerking8"></textar ea> & nbsp;</td>
</tr>
</tr>
<tr>
<td></td>
<td> </td>
<td><input type="image" src="img/opslaan.gif" value="Save" name="Save"></td>
<td><input type="reset" value="reset" name="reset"></td>
<td></td>
<td> </td>
</tr>
</form>
</body>
</html>
<html>
<head>
<title>Toevoegen</title>
<link rel="stylesheet" type="text/css" href="inlogstyle.css" />
<script type="text/javascript">
function ValidateForm(theForm){
var relatie=document.theForm.r
var url=document.theForm.url
var provider=document.theForm.
var elem=document.theForm.elem
if ((relatie.value==null)||(r
alert("Vul de relatie in")
relatie.focus()
return false;
}
if ((url.value==null)||(url.v
alert("Vul de url in")
url.focus()
return false;
}
if ((provider.value==null)||(
alert("Vul de provider in")
provider.focus()
return false;
}
for(var i=0;i<elem.length;i++){
if((elem[i].name.indexOf("
elem[i].value>"") ||
(elem[i].name.indexOf("hos
elem[i].value>"") ||
(elem[i].name.indexOf("use
elem[i].value>"") ||
(elem[i].name.indexOf("pas
elem[i].value>"")){
var fNum=elem[i].name.replace(
var waarde="niet_ingevuld"
if((document.theForm["host
if(waarde=="ingevuld"){
waarde="ingevuld"
}
else {
waarde="niet_ingevuld"
}
}
else {
waarde="ingevuld"
}
}
}
if(waarde=="ingevuld"){
return true;
} else {
alert("Er moet minimaal 1 rij van gegevens ingevuld worden")
return false;
}
}
function checkForm(theForm){
elem = theForm.elements;
for(var i=0;i<elem.length;i++){
if((elem[i].name.indexOf("
elem[i].value>"") ||
(elem[i].name.indexOf("hos
elem[i].value>"") ||
(elem[i].name.indexOf("use
elem[i].value>"") ||
(elem[i].name.indexOf("pas
elem[i].value>"")){
fNum = elem[i].name.replace(/\D/g
if(theForm["hostname"+fNum
theForm["usercode"+fNum].v
theForm["password"+fNum].v
if(theForm["hostname"+fNum
alert('Het veld hostname is niet ingevuld');
var hostname=document.theForm[
hostname.focus()
return false;
}
if(theForm["usercode"+fNum
alert('Het veld username is niet ingevuld');
var usercode=document.theForm[
usercode.focus()
return false;
}
if(theForm["password"+fNum
alert('Het veld password is niet ingevuld');
var password=document.theForm[
password.focus()
return false;
}
return false;
}
}
}
return ValidateForm();
}
</script>
</head>
<body>
<form action="toevoegen.php" name="theForm" method="post" onSubmit="return checkForm(this)">
<table align="center" width="95%" cellspacing="0" cellpadding="0" border="0">
<tr>
<td>Selecteer de relatie:</td>
<td></td>
<td><select name="relatie">
<option value="" SELECTED>Kies Relatie</option>
<option value="2">1PointAdvise</op
<option value="221">test</option>
</select><br></td>
</tr>
<tr>
<td>URL:</td>
<td></td>
<td><input type="text" name="url" size="40"/><br></td>
</tr>
<tr>
<td>Provider:</td>
<td></td>
<td><input type="text" name="provider" size="40" /></td>
</tr>
<tr>
<td>Opmerking:</td>
<td></td>
<td><textarea rows="2" name="alg_opmerking" cols="37"></textarea></td>
</tr>
</table>
<br>
<table align="center" border="0" cellpadding="0" cellspacing="0" width="95%">
<tr>
<td class="tabelkop"></td>
<td class="tabelkop"> &nb
<td class="tabelkop"> &nb
<td class="tabelkop"> &nb
<td class="tabelkop"> &nb
</tr>
<tr>
<td nowrap="nowrap"><strong>ft
<td><input name="hostname1" value="" type="text"> </
<td><input name="usercode1" value="" type="text"> </
<td><input name="password1" value="" type="text"> </
<input type="hidden" name="inlogtype_id1" value="1" />
<td><textarea rows="2" name="opmerking1"></textar
</tr>
<tr>
<td nowrap="nowrap"><strong>te
<td><input name="hostname2" value="" type="text"> </
<td><input name="usercode2" value="" type="text"> </
<td><input name="password2" value="" type="text"> </
<input type="hidden" name="inlogtype_id2" value="2" />
<td><textarea rows="2" name="opmerking2"></textar
</tr>
<tr>
<td nowrap="nowrap"><strong>ft
<td><input name="hostname3" value="" type="text"> </
<td><input name="usercode3" value="" type="text"> </
<td><input name="password3" value="" type="text"> </
<input type="hidden" name="inlogtype_id3" value="3" />
<td><textarea rows="2" name="opmerking3"></textar
</tr>
<tr>
<td nowrap="nowrap"><strong>da
<td><input name="hostname4" value="" type="text"> </
<td><input name="usercode4" value="" type="text"> </
<td><input name="password4" value="" type="text"> </
<input type="hidden" name="inlogtype_id4" value="4" />
<td><textarea rows="2" name="opmerking4"></textar
</tr>
<tr>
<td nowrap="nowrap"><strong>on
<td><input name="hostname5" value="" type="text"> </
<td><input name="usercode5" value="" type="text"> </
<td><input name="password5" value="" type="text"> </
<input type="hidden" name="inlogtype_id5" value="5" />
<td><textarea rows="2" name="opmerking5"></textar
</tr>
<tr>
<td nowrap="nowrap"><strong>te
<td><input name="hostname6" value="" type="text"> </
<td><input name="usercode6" value="" type="text"> </
<td><input name="password6" value="" type="text"> </
<input type="hidden" name="inlogtype_id6" value="6" />
<td><textarea rows="2" name="opmerking6"></textar
</tr>
<tr>
<td nowrap="nowrap"><strong>da
<td><input name="hostname7" value="" type="text"> </
<td><input name="usercode7" value="" type="text"> </
<td><input name="password7" value="" type="text"> </
<input type="hidden" name="inlogtype_id7" value="7" />
<td><textarea rows="2" name="opmerking7"></textar
</tr>
<tr>
<td nowrap="nowrap"><strong>st
<td><input name="hostname8" value="" type="text"> </
<td><input name="usercode8" value="" type="text"> </
<td><input name="password8" value="" type="text"> </
<input type="hidden" name="inlogtype_id8" value="8" />
<td><textarea rows="2" name="opmerking8"></textar
</tr>
</tr>
<tr>
<td></td>
<td> </td>
<td><input type="image" src="img/opslaan.gif" value="Save" name="Save"></td>
<td><input type="reset" value="reset" name="reset"></td>
<td></td>
<td> </td>
</tr>
</form>
</body>
</html>
But if you really have to, then try this:
<input type="button" value="Save" name="Save" onClick="if(checkForm(this