Ir para conteúdo


Foto

Diferença Entre Input Type="button" E Input Type="image


1 resposta neste tópico

#1 Gutto

Gutto
  • Membros
  • 395 posts
  • Gender:Male
  • Location:Brasília

Postado 07 December 2006 - 12:44 PM

O script de validação funciona com o input type="button" mas não funciona com o input type="image". porque?
QUOTE
<script language="JavaScript" type="text/JavaScript">
function confere() {
if (blank_area('estado')) {
alert("Selecione um Estado");
}
else
{
document.franquias.submit();
document.franquias.estado.value='';
}
}
function blank_area(field_name){
var field = eval('document.franquias.' + field_name);
var str = field.value;
var re = / /g;
str = str.replace(re,'');

if (str.length == 0){
return true;
}
return false;
}
</script>


Aqui o Form com o botão:
QUOTE
<form action="index.php?op=sec" target="area" name="franquias" method="post">

<input type="button" value="acessar" onClick="confere();">


Como está o script funciona legal, mas se alterar o type para image, porque quero usar uma imagem no lugar do botão, ele passa a não funcionar, enviando o form mesmo com o campo vazio.

QUOTE
<input type="image" src="ok.gif" alt="OK" width="28" height="17" border="0" target="_self" onClick="confere();">


####################
// EDITADO //
####################

Usando input type="button" consegui chegar no visual que queria, mas precisei usar CSS.

CSS:
QUOTE

.button {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #FFFFFF;
text-decoration: none;
background-color: #0000ff;
text-align: center;
height: 22px;
width: 39px;
cursor: hand;
border: 0;
background-image: url(images/ok.png);
}


O botão ficou assim:
QUOTE
<input type="button" value="" target="_self" onClick="confere();" class="button">


E mesmo com isso quero saber qual a diferença, que chegou ao ponto de fazer o script não funcionar. laugh.gif
"A curiosidade te abre portas.. Mas você pode se arrepender ao atravessá-las"
CAMPANHA - Sempre crie o arquivo instalar.php // install.php

#2 Beraldo

Beraldo

    Bye, Bye, Script Brasil

  • Veteranos
  • 4378 posts
  • Gender:Male

Postado 07 December 2006 - 13:41 PM

Um input do tipo imagem funciona como um botão submit. Para que o fomrulário não seja enviado, faça assim:

HTML
<input type="image" onclick="confere();return false;" />


O return false impede o envio do formulário.

[]'s
Roberto Beraldo Chaiben  http://rberaldo.com.br



Responder



  


0 usuário(s) está(ão) lendo este tópico

0 membros, 0 visitantes, 0 membros anônimos