Deixar borda do ipunt vermelha

[Xogum 0]

Olá,

 

Antes de mais nada, gostaria de dizer que não sei nada de javascript...

 

Gostaria de algum exemplo, ou de alguma link de como seria um formulario que quando a pessoa apertasse no botao de enviar, os inputs que ficassem em branco, ficassem com a borda vermelha...

 

Desde já,

Obrigado pela sua atenção.

[GuttoSP 2]

JAVASCRIPT

<script>

        function confere() {

                form = document.forms.form1;

                for (i = 0; i < form.elements.length; i++) {

                        if (form.elements[i].type == "text") {

                                if (form.elements[i].value == '') {

                                        document.form1.elements[i].className = "destaca";

                                }

                                else {

                                        document.form1.elements[i].className = "normal";

                                }

                        }

                }

        }

</script>

 

[url="http-~~-//december.com/html/4/element/style.html"]<style[/url] type="text/css">
<!--
.normal {
}
.destaca { border: 1 solid #ff0000; }
-->
</style>[url="http-~~-//december.com/html/4/element/form.html"]<form[/url] name="form1" method="post" action="">
  [url="http-~~-//december.com/html/4/element/p.html"]<p>[/url]Nome 
    [url="http-~~-//december.com/html/4/element/input.html"]<input[/url] type="text" class="normal" name="textfield">
  </p>
  [url="http-~~-//december.com/html/4/element/p.html"]<p>[/url]Email
    [url="http-~~-//december.com/html/4/element/input.html"]<input[/url] type="text" class="normal" name="textfield2">
</p>
  [url="http-~~-//december.com/html/4/element/p.html"]<p>[/url]Telefone
    [url="http-~~-//december.com/html/4/element/input.html"]<input[/url] type="text" class="normal" name="textfield3">
</p>
  [url="http-~~-//december.com/html/4/element/p.html"]<p>[/url]
    [url="http-~~-//december.com/html/4/element/input.html"]<input[/url] type="button" name="Button" value="Enviar" onClick="confere();">
  </p>
</form>

[Xogum 0]

Obrigado pelo seu post, quando o input tah vazio ele fica vermelho e tal.. mas quando eu preencho todos os inputs e aperto em enviar, ele nao envia...

 

oq posso fazer?

[GuttoSP 2]

JAVASCRIPT

<script>

        function confere() {

                var form = document.forms.form1;

                var confere = 0;

                for (i = 0; i < form.elements.length; i++) {

                        if (form.elements[i].type == "text") {

                                if (form.elements[i].value == '') {

                                        document.form1.elements[i].className = "destaca";

                                        confere++;

                                }

                                else {

                                        document.form1.elements[i].className = "normal";

                                }

                        }

                }

                if (confere == 0) {

                        form.submit();

                }

                else {

                        return false;

                }

        }

</script>

 

<style type="text/css">
<!--
.normal { border: 1 solid #000000; }
.destaca { border: 1 solid #ff0000; }
-->
</style><form name="form1" method="post" action="">
  <p>Nome 
	<input type="text" class="normal" name="textfield">
  </p>
  <p>Email
	<input type="text" class="normal" name="textfield2">
</p>
  <p>Telefone
	<input type="text" class="normal" name="textfield3">
</p>
  <p>
	<input type="button" name="Button" value="Enviar" onClick="confere();">
  </p>
</form>