Entre para seguir isso  
Gutto

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

Recommended Posts

Gutto    0

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:

Compartilhar este post


Link para o post
Compartilhar em outros sites
Beraldo    0

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

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

O return false impede o envio do formulário.

[]'s

Compartilhar este post


Link para o post
Compartilhar em outros sites

Crie uma conta ou entre para comentar

Você precisar ser um membro para fazer um comentário

Criar uma conta

Crie uma nova conta em nossa comunidade. É fácil!

Crie uma nova conta

Entrar

Já tem uma conta? Faça o login.

Entrar Agora

Entre para seguir isso