1. Fórum
  2. /
  3. Suporte Joomla
  4. /
  5. Questões Gerais
  6. /
  7. Como colocar um campo obrigatório em HTML para JOOMLA?

Como colocar um campo obrigatório em HTML para JOOMLA?

  • marcosgomes
  • Avatar de marcosgomes Autor do Tópico
  • Offline
  • JCB! Iniciante
  • JCB! Iniciante
Mais
14 anos 6 meses atrás #46112 por marcosgomes
marcosgomes created the topic: Como colocar um campo obrigatório em HTML para JOOMLA?
Olá pessoal,

Gostaria de saber de vocês como que faço para colocar campos
obrigatórios em um formulário tipo "TRABALHE CONOSCO" para funcionar
no HTML no JOOMLA.

Veja os códigos abaixo através do navegador: (vai em código fonte do seu navegador)

[url:kj4ej2xt]http://liderpocosartesianos.com/formulario12.php[/url:kj4ej2xt]

A única coisa que quero fazer é em todos os campos que tem o '*' asterisco
seja campo obrigatório... Se a pessoa tentar enviar um campo em branco
que tem o asterisco ele vai barrar enviando uma mensagem,
[color=#FF4000:kj4ej2xt]O Campo "nome" não pode ser em branco. Preencha por favor![/color:kj4ej2xt]

Desde já agradeço pessoal!

Att,
Marcos

Please Entrar ou Registrar to join the conversation.


Mais
14 anos 6 meses atrás #46122 por renpv
renpv replied the topic: Re: Como colocar um campo obrigatório em HTML para JOOMLA?
As validações client-side são feitas através de JavaScript ou com um framework baseado nele (tipo mootools ou jQuery).
[color=#808080:2ig2voll]"Feliz aquele que transfere o que sabe e aprende o que ensina."(Cora Coralina)
"A mente que se abre a uma nova idéia jamais voltará ao seu tamanho original."(Albert Einstein)[/color:2ig2voll]
[url=http://twitter.com/renatopaivabv:2ig2voll]@renatopaivabv[/url:2ig2voll]

Please Entrar ou Registrar to join the conversation.

  • marcosgomes
  • Avatar de marcosgomes Autor do Tópico
  • Offline
  • JCB! Iniciante
  • JCB! Iniciante
Mais
14 anos 6 meses atrás #46178 por marcosgomes
marcosgomes replied the topic: Re: Como colocar um campo obrigatório em HTML para JOOMLA?
renpv, pode me dar um exemplo prático no meu caso
onde que eu tenho que colocar no meu código
(que passei o link) e o que tenho que colocar para
fazer os campos ficar obrigatórios?
R=

Obrigado desde já pela atenção!

Please Entrar ou Registrar to join the conversation.

Mais
14 anos 6 meses atrás #46179 por renpv
renpv replied the topic: Re: Como colocar um campo obrigatório em HTML para JOOMLA?
Eu recomendo que você assista a esse vídeo:
http://www.upinside.com.br/video-aulas/ ... -condicoes
[color=#808080:2ig2voll]"Feliz aquele que transfere o que sabe e aprende o que ensina."(Cora Coralina)
"A mente que se abre a uma nova idéia jamais voltará ao seu tamanho original."(Albert Einstein)[/color:2ig2voll]
[url=http://twitter.com/renatopaivabv:2ig2voll]@renatopaivabv[/url:2ig2voll]

Please Entrar ou Registrar to join the conversation.

  • marcosgomes
  • Avatar de marcosgomes Autor do Tópico
  • Offline
  • JCB! Iniciante
  • JCB! Iniciante
Mais
14 anos 6 meses atrás #46191 por marcosgomes
marcosgomes replied the topic: Re: Como colocar um campo obrigatório em HTML para JOOMLA?
renpv, você tem por acaso esse código ou outro
em texto?

No caso para funcionar no JOOMLA em um artigo seria
somente eu ter o HTML + esse código que você me
mostrou junto (c/ html) e nada mais...
( no caso vou enviar direto para um email sem uso de banco de dados)

Nesta parte e Jquery sou extremamente leigo...
Se puder me auxiliar o passo a passo fico grato,

Veja o código do formulário abaixo para facilitar a ajuda, pode usá-lo para
dizer onde tenho que inserir código e o que colocar, podendo comentar
também para melhor entendimento:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<!-- TemplateBeginEditable name="doctitle" -->
<title>enviar</title>
<!-- TemplateEndEditable -->
<!-- TemplateBeginEditable name="head" -->
<!-- TemplateEndEditable -->
 
<p align=center>!sua mensagem foi enviada com sucesso</p><p align=center>Em breve entraremos em contato</p>
 
 
 
 
<style type="text/css"> 
#apDiv1 {
	position:absolute;
	left:8px;
	top:23px;
	width:4755px;
	height:46px;
	z-index:1;
}
#apDiv2 {
	position:absolute;
	left:8px;
	top:12px;
	width:1377px;
	height:4510px;
	z-index:1;
}
#apDiv3 {
	position:absolute;
	left:291px;
	top:37px;
	width:697px;
	height:335px;
	z-index:2;
}
#apDiv4 {
	position:absolute;
	left:234px;
	top:380px;
	width:820px;
	height:4130px;
	z-index:2;
}
#apDiv5 {
	position:absolute;
	left:263px;
	top:396px;
	width:748px;
	height:4106px;
	z-index:4;
}
#apDiv6 {
	position:absolute;
	left:427px;
	top:402px;
	width:261px;
	height:32px;
	z-index:5;
}
.trabalheconosco {
	font-family: "Bodoni MT", "Bodoni MT Condensed", "Bodoni MT Poster Compressed";
	font-size: 25px;
	font-style: oblique;
	color: #00F;
}
#apDiv7 {
	position:absolute;
	left:168px;
	top:751px;
	width:176px;
	height:30px;
	z-index:6;
}
.texto {
	font-family: "Bodoni MT", "Bodoni MT Condensed", "Bodoni MT Poster Compressed";
	font-size: 22px;
	font-style: normal;
	color: #000;
}
#apDiv8 {
	position:absolute;
	left:167px;
	top:525px;
	width:145px;
	height:26px;
	z-index:7;
}
.texto {
	font-family: "Bodoni MT", "Bodoni MT Condensed", "Bodoni MT Poster Compressed";
	font-size: 23px;
	font-style: oblique;
	color: #999;
}
.texto {
	font-family: "Bodoni MT", "Bodoni MT Condensed", "Bodoni MT Poster Compressed";
	font-size: 23px;
	font-style: oblique;
	color: #666;
}
.textoobrigatorio {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-style: normal;
	color: #999;
}
.textoobrigatorio {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-style: normal;
	color: #999;
}
</style>
</head>
 
<body>
<div id="apDiv2"><img src="fundoformulario.jpg" width="1375" height="4508" alt="fundo formulario" /></div>
<div id="apDiv3"><img src="trabalhe conosco.jpg" width="693" height="337" alt="trabalhe conosco" /></div>
<div id="apDiv4"><img src="fundoformulario2.jpg" width="819" height="4126" alt="fundo2formulario" /></div>
<div id="apDiv5">
  <p>&nbsp;</p>
  <p class="textoobrigatorio">( * ) Campo obrigat&oacute;rio</p>
  <p>&nbsp;</p>
  <p class="texto">Dados Pessoais  </p>
  <form id="form1" name="form1" method="post" action="formulario.php">
    <p>Nome Completo*: 
      <label for="nome"></label>
  <input name="nome" type="text" id="nome" size="50" />
    </p>
    <p>Email*: 
      <label for="email"></label>
      <input name="email" type="text" id="email" size="62" />
    </p>
    <p>Sexo*: 
      <label>
        <input type="radio" name="sexo" value="Masculino" id="sexo_0" />
        Masculino</label>
      <input type="radio" name="sexo" value="Feminino" id="sexo_1" />
    Feminino</p>
    <p>&nbsp;</p>
    <p>&nbsp;</p>
    <p class="texto">Dados Adicionais    </p>
    <p>Data de Nascimento*: 
      <label for="datadenascimento"></label>
      <input name="datadenascimento" type="text" id="datadenascimento" value="  /  /" size="10" />
    </p>
    <p>
      <label for="estadocivil"></label>
      Estado Civil*: 
      <select name="estadocivil" id="estadocivil">
        <option>Solteiro</option>
        <option>Casado</option>
        <option>Divorciado</option>
        <option>Outros</option>
      </select>
    </p>
    <p>Celular:
      <label for="celular"></label>
      <label for="celular"></label>
      <input name="celular" type="text" id="celular" value="(   )" size="20" />
</p>
    <p>Telefone*: 
      <label for="telefone"></label>
      <input name="telefone" type="text" id="telefone" value="(   )" size="20" />
    </p>
    <p>Endere&ccedil;o*: 
      <label for="endereco"></label>
      <input name="endereco" type="text" id="endereco" size="46" />
    Bairro*: 
    <label for="bairro"></label>
    <input name="bairro" type="text" id="bairro" size="24" />
    </p>
    <p>CEP*:
      <label for="cep"></label>
      <input name="cep" type="text" id="cep" size="22" />
    Cidade*:
    <label for="cidade"></label>
    <input name="cidade" type="text" id="cidade" size="22" />
    Estado*:
    <label for="estado"></label>
    <input name="estado" type="text" id="estado" size="20" />
    </p>
    <p>Est&aacute; empregado atualmente*?</p>
    <p>
      <label>
        <input type="checkbox" name="estaempregado" value="Sim" id="estaempregado_0" />
        Sim</label>
      <input type="checkbox" name="estaempregado_" value="Não" id="estaempregado_1" />
    N&atilde;o</p>
    <p><br />
    </p>
    <p>Objetivo*:</p>
    <p>
      <label for="objetivo"></label>
      <textarea name="objetivo" id="objetivo" cols="60" rows="4"></textarea>
    </p>
    <p>Cargo Pretendido*:
      <label for="cargopretendido"></label>
      <input name="cargopretendido" type="text" id="cargopretendido" size="25" />
    </p>
    <p>Preten&ccedil;&atilde;o Salarial*:
      <label for="pretencaosalarial"></label>
      <input name="pretencaosalarial" type="text" id="pretencaosalarial" value="R$:" />
    </p>
    <p>&nbsp;</p>
    <p class="texto">Escolaridade</p>
    <p>Institui&ccedil;&atilde;o*: 
      <label for="instituicao"></label>
      <input name="instituicao" type="text" id="instituicao" size="50" />
    </p>
    <p>Curso*: 
      <label for="curso"></label>
      <input name="curso" type="text" id="curso" size="27" />
      * 
      <label for="escolaridade"></label>
      <select name="escolaridade" id="escolaridade">
        <option>Ensino M&eacute;dio</option>
        <option>Graduado</option>
        <option>Pos-Graduado</option>
        <option>Mestre</option>
        <option>Outros</option>
      </select>
    </p>
    <p>Ano da Conclus&atilde;o*: 
      <label for="anodaconclusao"></label>
      <input name="anodaconclusao" type="text" id="anodaconclusao" value="   /" size="13" />
    </p>
    <p>&nbsp;</p>
    <p>Institui&ccedil;&atilde;o 2:
      <label for="instituicao2"></label>
      <input name="instituicao2" type="text" id="instituicao2" size="49" />
    </p>
    <p>Curso: 
      <label for="curso2"></label>
      <input name="curso2" type="text" id="curso2" size="28" /> 
      <label for="escolaridade2"></label>
      <select name="escolaridade2" id="escolaridade2">
        <option>Ensino M&eacute;dio</option>
        <option>Graduado</option>
        <option>Pos-Graduado</option>
        <option>Mestre</option>
        <option>Outros</option>
      </select>
    </p>
    <p>Ano da Conclus&atilde;o: 
      <label for="anodaconclusao2"></label>
      <input name="anodaconclusao2" type="text" id="anodaconclusao2" value="   /" size="14" />
    </p>
    <p>&nbsp;</p>
    <p class="texto">Experi&ecirc;ncias Profissonais</p>
    <p>1. Nome da Empresa*: 
      <label for="nomedaempresa"></label>
      <input name="nomedaempresa" type="text" id="nomedaempresa" size="45" />
    </p>
    <p>Descri&ccedil;&atilde;o da Empresa*: 
      <label for="descricaodaempresa"></label>
      <input name="descricaodaempresa" type="text" id="descricaodaempresa" size="43" />
    </p>
    <p>Cargo*: 
      <label for="cargo"></label>
      <input name="cargo" type="text" id="cargo" size="32" />
    </p>
    <p>Descri&ccedil;&atilde;o das Fun&ccedil;&otilde;es*: 
      <label for="inicio"></label>
    </p>
    <p>
      <label for="descricaodasfuncoes"></label>
      <textarea name="descricaodasfuncoes" id="descricaodasfuncoes" cols="68" rows="5"></textarea>
    </p>
    <p>In&iacute;cio*: 
      <label for="inicio"></label>
      <input name="inicio" type="text" id="inicio" value="  /" size="10" /> 
    T&eacute;rmino*: 
    <label for="termino"></label>
    <input name="termino" type="text" id="termino" value="  /" size="10" />
    </p>
    <p>Observa&ccedil;&otilde;es:</p>
    <p>
      <label for="observacoes"></label>
      <textarea name="observacoes" id="observacoes" cols="68" rows="5"></textarea>
    </p>
    <p>&nbsp;</p>
    <p>2. Nome da Empresa:
      <label for="nomedaempresa"></label>
      <input name="nomedaempresa2" type="text" id="nomedaempresa" size="45" />
    </p>
    <p>Descri&ccedil;&atilde;o da Empresa:
      <label for="descricaodaempresa"></label>
      <input name="descricaodaempresa2" type="text" id="descricaodaempresa" size="43" />
    </p>
    <p>Cargo:
      <label for="cargo"></label>
      <input name="cargo2" type="text" id="cargo" size="32" />
    </p>
    <p>Descri&ccedil;&atilde;o das Fun&ccedil;&otilde;es:
      <label for="inicio"></label>
    </p>
    <p>
      <label for="descricaodasfuncoes"></label>
      <textarea name="descricaodasfuncoes2" id="descricaodasfuncoes" cols="68" rows="5"></textarea>
    </p>
    <p>In&iacute;cio:
      <label for="inicio"></label>
      <input name="inicio2" type="text" id="inicio" value="  /" size="10" />
      T&eacute;rmino:
      <label for="termino"></label>
  <input name="termino2" type="text" id="termino" value="  /" size="10" />
    </p>
    <p>Observa&ccedil;&otilde;es:</p>
    <p>
      <label for="observacoes"></label>
      <textarea name="observacoes2" id="observacoes" cols="68" rows="5"></textarea>
    </p>
    <p>&nbsp;</p>
    <p></p>
<p>Principais Realiza&ccedil;&otilde;es Profissionais*</p>
<p>
  <label for="principaisrealizacoes"></label>
  <textarea name="principaisrealizacoes" id="principaisrealizacoes" cols="68" rows="5"></textarea>
</p>
<p>&nbsp;</p>
    <p>&nbsp;</p>
    <p class="texto">Idioma e Inform&aacute;tica</p>
    <p>Idioma*:<span class="texto"> 
      <label for="idioma"></label>
      <input name="idioma" type="text" id="idioma" size="30" />
    </span></p>
    <p>
      Leitura*:
      <input name="leituranao" type="checkbox" id="leituranao" value="Não" />
      <label for="leituranao"></label>
    N&atilde;o 
    <label>
      <input name="leituraidioma" type="radio" id="RadioGroup1_0" value="Básico" />
      B&aacute;sico</label>
    <label>
      <input name="leituraidioma" type="radio" id="RadioGroup1_1" value="Intermediário" />
      Intermedi&aacute;rio</label>
    <label>
      <input type="radio" name="leituraidioma" value="Avançado" id="RadioGroup1_2" />
      Avan&ccedil;ado</label>
    </p>
    <p>Escrita*:
      <input name="escritanao" type="checkbox" id="escritanao" value="Não" />
      <label for="escritanao"></label>
N&atilde;o
<label>
  <input type="radio" name="escritaidioma" value="Básico" id="RadioGroup1_3" />
  B&aacute;sico</label>
<label>
  <input type="radio" name="escritaidioma" value="Intermediário" id="RadioGroup1_4" />
  Intermedi&aacute;rio</label>
<label>
  <input type="radio" name="escritaidioma" value="Avançado" id="RadioGroup1_5" />
  Avan&ccedil;ado</label>
</p>
    <p>Fala*:
      <input name="falanao" type="checkbox" id="falanao" value="Não" />
      <label for="falanao"></label>
N&atilde;o
<label>
  <input type="radio" name="falaidioma" value="Básico" id="RadioGroup1_6" />
  B&aacute;sico</label>
<label>
  <input type="radio" name="falaidioma" value="Intermediário" id="RadioGroup1_7" />
  Intermedi&aacute;rio</label>
<input type="radio" name="falaidioma" value="Avançado" id="RadioGroup1_8" />
<label>
  Avan&ccedil;ado</label>
</p>
    <p>&nbsp;</p>
    <p>2.Idioma:<span class="texto">
    <label for="idioma"></label>
    <input name="idioma2" type="text" id="textfield" size="30" />
    </span></p>
    <p> Leitura:
      <input name="leituranao2" type="checkbox" id="leituranao2" value="Não" />
      <label for="leituranao2"></label>
      N&atilde;o
  <label>
    <input type="radio" name="leitura" value="Básico" id="RadioGroup1_9" />
    B&aacute;sico</label>
  <label>
    <input type="radio" name="leitura" value="Intermediário" id="RadioGroup1_10" />
    Intermedi&aacute;rio</label>
  <label>
    <input type="radio" name="leitura" value="Avançado" id="RadioGroup1_11" />
    Avan&ccedil;ado</label>
    </p>
    <p>Escrita:
      <input name="escritanao2" type="checkbox" id="escritanao2" value="Não" />
      <label for="escritanao2"></label>
      N&atilde;o
  <label>
    <input type="radio" name="escrita" value="Básico" id="RadioGroup1_12" />
    B&aacute;sico</label>
  <label>
    <input type="radio" name="escrita" value="Intermediário" id="RadioGroup1_13" />
    Intermedi&aacute;rio</label>
  <label>
    <input type="radio" name="escrita" value="Avançado" id="RadioGroup1_14" />
    Avan&ccedil;ado</label>
    </p>
    <p>Fala:
      <input name="falanao2" type="checkbox" id="falanao2" value="Não" />
      <label for="falanao2"></label>
      N&atilde;o
  <label>
    <input type="radio" name="fala" value="Básico" id="RadioGroup1_15" />
    B&aacute;sico</label>
  <label>
    <input type="radio" name="fala" value="Intermediário" id="RadioGroup1_16" />
    Intermedi&aacute;rio</label>
  <input type="radio" name="fala" value="Avançado" id="RadioGroup1_17" />
  <label> Avan&ccedil;ado</label>
    </p>
    <p>&nbsp;</p>
    <p><span class="texto">
    <label for="textfield"></label>
    </span></p>
    <p> Office*:
      <input name="officenao" type="checkbox" id="officenao" value="Não" />
      <label for="officenao"></label>
      N&atilde;o
  <label>
    <input type="radio" name="office" value="Básico" id="RadioGroup1_18" />
    B&aacute;sico</label>
  <label>
    <input type="radio" name="office" value="Intermediário" id="RadioGroup1_19" />
    Intermedi&aacute;rio</label>
  <label>
    <input type="radio" name="office" value="Avançado" id="RadioGroup1_20" />
    Avan&ccedil;ado</label>
    </p>
    <p>
      Internet*:
      <input name="internetnao" type="checkbox" id="internetnao" value="Não" />
      <label for="internetnao"></label>
N&atilde;o
<label>
  <input type="radio" name="internet" value="Básico" id="RadioGroup1_27" />
  B&aacute;sico</label>
<label>
  <input type="radio" name="internet" value="Intermediário" id="RadioGroup1_28" />
  Intermedi&aacute;rio</label>
<label>
  <input type="radio" name="internet" value="Avançado" id="RadioGroup1_29" />
  Avan&ccedil;ado</label>
    </p>
    <p>Word*:
      <input name="wordnao" type="checkbox" id="wordnao" value="Não" />
      <label for="wordnao"></label>
      N&atilde;o
  <label>
    <input type="radio" name="word" value="Básico" id="RadioGroup1_21" />
    B&aacute;sico</label>
  <label>
    <input type="radio" name="word" value="Intermediário" id="RadioGroup1_22" />
    Intermedi&aacute;rio</label>
  <label>
    <input type="radio" name="word" value="Avançado" id="RadioGroup1_23" />
    Avan&ccedil;ado</label>
    </p>
    <p>Excel*:
      <input name="excelnao" type="checkbox" id="excelnao" value="Não" />
      <label for="excelnao"></label>
      N&atilde;o
  <label>
    <input type="radio" name="excel" value="Básico" id="RadioGroup1_24" />
    B&aacute;sico</label>
  <label>
    <input type="radio" name="excel" value="Intermediário" id="RadioGroup1_25" />
    Intermedi&aacute;rio</label>
  <input type="radio" name="excel" value="Avançado" id="RadioGroup1_26" />
  <label> Avan&ccedil;ado</label>
    </p>
    <p>PowerPoint*:
      <input name="powerpointnao" type="checkbox" id="powerpointnao" value="Não" />
      <label for="powerpointnao"></label>
N&atilde;o
<label>
  <input type="radio" name="powerpoint" value="Básico" id="RadioGroup1_30" />
  B&aacute;sico</label>
<label>
  <input type="radio" name="powerpoint" value="Intermediário" id="RadioGroup1_31" />
  Intermedi&aacute;rio</label>
<input type="radio" name="powerpoint" value="Avançado" id="RadioGroup1_32" />
<label> Avan&ccedil;ado</label>
    </p>
    <p>&nbsp;</p>
    <p class="texto">Cursos Complementares</p>
    <p class="texto">
      <label for="idioma2"></label>
      <label for="cursoscomplementares"></label>
      <textarea name="cursoscomplementares" id="cursoscomplementares" cols="68" rows="5"></textarea>
      <br />
      <br />
    Qualifica&ccedil;&otilde;es</p>
    <p class="texto">
      <label for="qualificacoes"></label>
      <textarea name="qualificacoes" id="qualificacoes" cols="68" rows="5"></textarea>
      <br />
    </p>
    <p>
      <input type="submit" name="enviar" id="enviar" value="enviar" />
      <br />
    </p>
</form>
</div>
<div class="trabalheconosco" id="apDiv6">Trabalhe Conosco</div>
</body>
</html>


Obrigado mais uma vez pela disposição!

Please Entrar ou Registrar to join the conversation.

  1. Fórum
  2. /
  3. Suporte Joomla
  4. /
  5. Questões Gerais
  6. /
  7. Como colocar um campo obrigatório em HTML para JOOMLA?
Joomla Templates Best Joomla Templates Premium Joomla Templates Free Joomla Templates