Ir para conteúdo
Fórum Script Brasil
  • 0

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


Gutto

Pergunta

O script de validação funciona com o input type="button" mas não funciona com o input type="image". porque?

<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:

<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.

<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:

.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:

<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. :lol:

Link para o comentário
Compartilhar em outros sites

1 resposta a esta questão

Posts Recomendados

Participe da discussão

Você pode postar agora e se registrar depois. Se você já tem uma conta, acesse agora para postar com sua conta.

Visitante
Responder esta pergunta...

×   Você colou conteúdo com formatação.   Remover formatação

  Apenas 75 emoticons são permitidos.

×   Seu link foi incorporado automaticamente.   Exibir como um link em vez disso

×   Seu conteúdo anterior foi restaurado.   Limpar Editor

×   Você não pode colar imagens diretamente. Carregar ou inserir imagens do URL.



  • Estatísticas dos Fóruns

    • Tópicos
      152k
    • Posts
      651,7k
×
×
  • Criar Novo...