Scripts de Alerta

**Scotti** · Dezembro 22, 2011

Aqui está uma lista de alertas em JavaScript retirados de um dos scripts do Weuller Khristhian(nome difícil de escrever o.O).

Troque o "nomedocampo" pelo ID da sua input.

Verificar se campo está vazio:

O conteúdo está oculto, favor efetuar login ou se cadastrar!

Se o valor do input for menor que quatro, exibe um alerta.

O conteúdo está oculto, favor efetuar login ou se cadastrar!

Se o valor do input for maior que quinze, exibe um alerta

O conteúdo está oculto, favor efetuar login ou se cadastrar!

Função para verificar se os dígitos do campo são alfa-numéricos:

O conteúdo está oculto, favor efetuar login ou se cadastrar!

Lembre-se de ler abaixo para saber como utilizar funções!

Modo de utilização de uma function:

O conteúdo está oculto, favor efetuar login ou se cadastrar!

Lembrando que todos os códigos devem ser utilizados desta forma:

O conteúdo está oculto, favor efetuar login ou se cadastrar!

Ao clicar em fechar a guia/janela, aparece uma janela de confirmação:

O conteúdo está oculto, favor efetuar login ou se cadastrar!

E colocados dentro da tag <head> de seu template para que funcione perfeitamente.

Créditos: inicialmente são do Weuller Khristhian, retirei de um script dele e coloquei o tutorial.

Editado Dezembro 22, 2011 por ScottinG

**Boy Wonder** · Dezembro 22, 2011

Nossa mano estava procurando por um script como esse, esse é aquele tipo, vai fechar o site aparece uma mensagem?

Se não for tem como você conseguir para mim ? =)

**Scotti** · Dezembro 22, 2011

Adicionei ao tópico um script igual ao que você pediu.

**Boy Wonder** · Dezembro 22, 2011

Adicionei ao tópico um script igual ao que você pediu.

Muito obrigado aê zé

**Jonnes** · Dezembro 23, 2011

Cara tipo assim: Esse é o Script do ADM-Walker esse script é um script de postar comentários, para mim adicionar um alerta para o cara só poder postar se preencher todos os campos como eu faço ?

<?php include ("config.php"); ?>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "

O conteúdo está oculto, favor efetuar login ou se cadastrar!

<html xmlns="

O conteúdo está oculto, favor efetuar login ou se cadastrar!

<head>

<title>Pagina De Comentarios Feito por Marcos ByWalker</title>

</head>

<body>

<tr>

</tr>

<tr>

<label>

</label>

<span class="textfieldRequiredMsg">Obrigatorio</span></span></td>

</tr>

<tr>

<td><strong>Assunto:</strong></td>

</tr>

<tr>

<span class="textfieldRequiredMsg">Obrigatorio</span></span></td>

</tr>

<tr>

<td><strong>Comentarios:</strong></td>

</tr>

<tr>

<span id="countsprytextarea1"> </span><span class="textareaRequiredMsg"></span><span class="textareaMaxCharsMsg">Exceeded maximum number of characters.</span></span></td>

</tr>

<tr>

<td>

</tr>

</table>

</form>

<?php

//funçao encarregada de cadatrastrar o comentario no banco de dados

if (isset($_POST['comentar']) && $_POST['comentar'] == 'ok'){

$nome = $_POST[nome];

$assunto = $_POST[assunto];

$comentario = wordwrap($_POST[comentario], 75, " ", true);

$cadastrar = mysql_query ("INSERT INTO comentarios (nome, assunto, comentario)

VALUES ('$nome', '$assunto', '$comentario')") or die ("error ao selecionar tabela de dados (comentarios)");

if ($cadastrar >= '1'){

echo "<div class=\"ok\">Comentario Enviado com sucesso</div>";

}else{

echo "<div class=\"ok\">Error ao enviar comentario</div>";

}

?>

</div>

<br />

<?php

//area onde sera exibido os comentarios

$selecionar = mysql_query ("SELECT * FROM comentarios ORDER BY id DESC LIMIT 20") or die ("error ao visualisar comentarios");

while ($row = mysql_fetch_array($selecionar)){

$nome = $row[nome];

$assunto = $row[assunto];

$comentario = $row[comentario];

$data = $row[data];

?>

<tr>

<td height="21" valign="top"><strong><font color="#00557D"><?php echo $nome ?> Disse No dia <?php echo date ('d/m/Y', strtotime($data)) ?> As <?php echo date ('H:i', strtotime($data)) ?></font></strong></td>

</tr>

<tr>

</tr>

</table>

<?php

}

?>

</div>

<!--

var sprytextarea1 = new Spry.Widget.ValidationTextarea("sprytextarea1", {maxChars:500, counterId:"countsprytextarea1", counterType:"chars_remaining"});

var sprytextfield1 = new Spry.Widget.ValidationTextField("sprytextfield1");

var sprytextfield2 = new Spry.Widget.ValidationTextField("sprytextfield2");

//-->

</script>

</body>

</html>

**Scotti** · Dezembro 23, 2011

Veja nesse caso aqui:

O conteúdo está oculto, favor efetuar login ou se cadastrar!

O ID é o que você irá substituir no script que eu postei.

Como neste caso aqui está como "nome", troque o campo "nomedocampo" pelos respectivos aqui.

E assim por diante, no assunto, comentário, etc...

Editado Dezembro 23, 2011 por ScottinG

**ylei** · Dezembro 23, 2011

Esse tipo de validação já está meio desgastada, com jQuery se faz muito mais e fica muito mais agradável para o usuário, validação em tempo real é a melhor opção na minha opnião, há varios scripts prontos de validação em tempo real na net basta procurar e se divertir.

Não é um critica e sim uma observação, aprender javascript é uma boa pedida mas se atualizar sempre é escencial.

**Scotti** · Dezembro 23, 2011

Já pensei nisso ylei, mas JQuery é muito complicado para mim.

Na verdade só postei pelo fato de não existir nenhum tópico com esse tipo de conteúdo por aqui.

Obrigado pela sugestão ;)

Edit: Já encontrei um tutorial, vou ver se me familiarizo :))

Editado Dezembro 23, 2011 por ScottinG

**paytaly** · Dezembro 23, 2011

Cara tipo assim: Esse é o Script do ADM-Walker esse script é um script de postar comentários, para mim adicionar um alerta para o cara só poder postar se preencher todos os campos como eu faço ?

<?php include ("config.php"); ?>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "

O conteúdo está oculto, favor efetuar login ou se cadastrar!

Entre

ou

Cadastre-se

<html xmlns="

O conteúdo está oculto, favor efetuar login ou se cadastrar!

Entre

ou

Cadastre-se

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<link href="style.css" rel="stylesheet" type="text/css" />

<title>Pagina De Comentarios Feito por Marcos ByWalker</title>

<script src="../SpryAssets/SpryValidationTextarea.js" type="text/javascript"></script>

<script src="../SpryAssets/SpryValidationTextField.js" type="text/javascript"></script>

<link href="../SpryAssets/SpryValidationTextarea.css" rel="stylesheet" type="text/css" />

<link href="../SpryAssets/SpryValidationTextField.css" rel="stylesheet" type="text/css" />

</head>

<body>

<div class="comentar">

<form name="comentar" id="comentar" method="post" action="" enctype="multipart/form-data">

<table width="500" border="0">

<tr>

<td><strong>Seu Nome:</strong></td>

</tr>

<tr>

<td><span id="sprytextfield1">

<label>

<input type="text" class="textfield" name="nome" id="nome" />

</label>

<span class="textfieldRequiredMsg">Obrigatorio</span></span></td>

</tr>

<tr>

<td><strong>Assunto:</strong></td>

</tr>

<tr>

<td><span id="sprytextfield2">

<input type="text" class="textfield" name="assunto" id="assunto" />

<span class="textfieldRequiredMsg">Obrigatorio</span></span></td>

</tr>

<tr>

<td><strong>Comentarios:</strong></td>

</tr>

<tr>

<td><span id="sprytextarea1">

<textarea name="comentario" class="textfield" id="comentario" cols="45" rows="5"></textarea>

<span id="countsprytextarea1"> </span><span class="textareaRequiredMsg"></span><span class="textareaMaxCharsMsg">Exceeded maximum number of characters.</span></span></td>

</tr>

<tr>

<td>

<input type="hidden" name="comentar" value="ok" />

<input type="submit" name="enviar" id="enviar" value="Comentar" class="btn"/></td>

</tr>

</table>

</form>

<?php

//funçao encarregada de cadatrastrar o comentario no banco de dados

if (isset($_POST['comentar']) && $_POST['comentar'] == 'ok'){

$nome = $_POST[nome];

$assunto = $_POST[assunto];

$comentario = wordwrap($_POST[comentario], 75, " ", true);

$cadastrar = mysql_query ("INSERT INTO comentarios (nome, assunto, comentario)

VALUES ('$nome', '$assunto', '$comentario')") or die ("error ao selecionar tabela de dados (comentarios)");

if ($cadastrar >= '1'){

echo "<div class=\"ok\">Comentario Enviado com sucesso</div>";

}else{

echo "<div class=\"ok\">Error ao enviar comentario</div>";

}

}

?>

</div>

<br />

<div class="show">

<?php

//area onde sera exibido os comentarios

$selecionar = mysql_query ("SELECT * FROM comentarios ORDER BY id DESC LIMIT 20") or die ("error ao visualisar comentarios");

while ($row = mysql_fetch_array($selecionar)){

$nome = $row[nome];

$assunto = $row[assunto];

$comentario = $row[comentario];

$data = $row[data];

?>

<table width="500" border="0">

<tr>

<td height="21" valign="top"><strong><font color="#00557D"><?php echo $nome ?> Disse No dia <?php echo date ('d/m/Y', strtotime($data)) ?> As <?php echo date ('H:i', strtotime($data)) ?></font></strong></td>

</tr>

<tr>

<td align="left" valign="top"><?php echo $comentario ?></td>

</tr>

</table>

<?php

}

?>

</div>

<script type="text/javascript">



</script>

</body>

</html>

Fiz isso como exemplo. Veja como é feito e deixe como preferir. Lembrando que isso é parte do código...

O conteúdo está oculto, favor efetuar login ou se cadastrar!

**Jonnes** · Dezembro 23, 2011

Pow valeu paytaly exatamente isso que eu queria . Valeu mesmo .

Editado Dezembro 23, 2011 por Jonnes

Entrar

Scripts de Alerta

Posts recomendados

Link para o comentário

Compartilhar em outros sites

Link para o comentário

Compartilhar em outros sites

Link para o comentário

Compartilhar em outros sites

Link para o comentário

Compartilhar em outros sites

Link para o comentário

Compartilhar em outros sites

Link para o comentário

Compartilhar em outros sites

Link para o comentário

Compartilhar em outros sites

Link para o comentário

Compartilhar em outros sites

Link para o comentário

Compartilhar em outros sites

Link para o comentário

Compartilhar em outros sites

Anúncios

Patrocinadores

Quem Está Navegando

Posts

Important Information