[zope-pt] Validação de formulário

Cristina Souza Wed, 20 Aug 2008 07:39:54 -0700

Oi pessoal, preciso de ajuda com um formulário.
Criei este formulário em html e estou tentando validar, mas quando eu
cadastro no portal_javascripts não aceita da a seguinte mensagem
"(resource not found or not accessible)".
O código do formulário que criei é o seguinte:


_________________________________________________________________
<html metal:use-macro="here/main_template/macros/master">

<head>
    <title tal:content="template/title">The title</title>
    <script type="text/javascript" src="validar.js"></script>
</head>

<body>
                
        <div metal:fill-slot="main">
                 <form id="formcontratar" class="box" onsubmit="return
doSubmit(event, this)" action="#">
   
                        <legend> <span class="style1">CONTATO </span></legend>

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

<!-- NOME -->
<tr>
        <td>
                <label for="label">Nome:<br />
</label>
    
                        <input name="nome" id="nome" size="30" tabindex="0" 
maxlength="100"
type="text" />
                                <span title="Obrigatório">*</span>      </td>

<!-- E-MAIL -->
        <td>
                <label for="label">E-mail:<br /></label>
    
                        <input name="email2" id="email2" size="30" 
maxlength="50"
type="text" />
                                <span title="Obrigatório">*</span>      </td>
</tr>


<!-- EMPRESA -->
<tr>

    <td>
            <label for="label">Empresa:<br /></label>
                (<span>Somente Pessoa Jurídica)</span>
        
            <input name="empresa" id="empresa" size="30"
maxlength="100" type="text" />
                        <span title="Obrigatório">*</span>      </td>
    
<!-- CPF/CNPJ --> 
    <td><label for="label">CPF/CNPJ:<br /></label>

                <span title="Obrigatório">
            <input name="cpfcnpj" id="cpfcnpj" size="30"
maxlength="18" type="text" />
                        <span>*</span></span> </td>
</tr>

<!-- CIDADE --> 
<tr>
        <td><label for="label">Cidade:<br /></label>
                <span title="Obrigatório">

            <input name="cidade" id="cidade" size="30" maxlength="50"
type="text" />
                <span>*</span></span> 
                
<!-- ESTADO --> </td>
          <td><label for="label">Estado:<br /></label>
            <select name="estado" id="estado">
              <option value="AC">AC</option>
              <option value="AL">AL</option>
              <option value="AP">AP</option>
              <option value="AM">AM</option>
              <option value="BA">BA</option>
              <option value="CE">CE</option>
              <option value="DF">DF</option>
              <option value="ES">ES</option>
              <option value="GO">GO</option>
              <option value="MA">MA</option>
              <option value="MT">MT</option>
              <option value="MS">MS</option>
              <option value="MG">MG</option>
              <option value="PA">PA</option>
              <option value="PB">PB</option>
              <option value="PR">PR</option>
              <option value="PE">PE</option>
              <option value="PI">PI</option>
              <option value="RJ">RJ</option>
              <option value="RN">RN</option>
              <option value="RS">RS</option>
              <option value="RO">RO</option>
              <option value="RR">RR</option>
              <option value="SP">SP</option>
              <option value="SC">SC</option>
              <option value="SE">SE</option>
              <option value="TO">TO</option>
            </select>
          <span title="Obrigatório">*</span> </td>
</tr>

<!-- ENDEREÇO -->
<tr>
        <td><label for="label">Endereço:<br /></label>
                <input name="endereco" id="endereco" size="30" maxlength="40"
type="text" />            
          <span title="Obrigatório">*</span>    </td>


    
<!-- BAIRRO --> 

        <td><label for="label"> Bairro: <br/></label>
                <input name="bairro" id="bairro" size="30" maxlength="50" 
type="text" />
                        <span title="Obrigatório">*</span>      </td>
</tr>

<!-- CEP --> 

<tr>
        <td><label for="label">CEP:<br/></label>

                <input name="cep" size="8" maxlength="8" id="cep" type="text" />
            <span>*</span>      </td>
    
<!-- DDD -->   

        <td><label for="label"> DDD: <br />
              <select name="ddd2" id="ddd2">
              <option value="11">11</option>
              <option value="12">12</option>

              <option value="13">13</option>
              <option value="14">14</option>
              <option value="15">15</option>
              <option value="16">16</option>
              <option value="17">17</option>
              <option value="18">18</option>

              <option value="19">19</option>
              <option value="20">20</option>
              <option value="21">21</option>
              <option value="22">22</option>
              <option value="23">23</option>
              <option value="24">24</option>

              <option value="25">25</option>
              <option value="26">26</option>
              <option value="27">27</option>
              <option value="28">28</option>
              <option value="29">29</option>
              <option value="30">30</option>

              <option value="31">31</option>
              <option value="32">32</option>
              <option value="33">33</option>
              <option value="34">34</option>
              <option value="35">35</option>
              <option value="36">36</option>

              <option value="37">37</option>
              <option value="38">38</option>
              <option value="39">39</option>
              <option value="40">40</option>
              <option value="41">41</option>
              <option value="42">42</option>

              <option value="43">43</option>
              <option value="44">44</option>
              <option value="45">45</option>
              <option value="46">46</option>
              <option value="47">47</option>
              <option value="48">48</option>

              <option value="49">49</option>
              <option value="50">50</option>
              <option value="51">51</option>
              <option value="52">52</option>
              <option value="53">53</option>
              <option value="54">54</option>

              <option value="55">55</option>
              <option value="56">56</option>
              <option value="57">57</option>
              <option value="58">58</option>
              <option value="59">59</option>
              <option value="60">60</option>

              <option value="61">61</option>
              <option value="62">62</option>
              <option value="63">63</option>
              <option value="64">64</option>
              <option value="65">65</option>
              <option value="66">66</option>

              <option value="67">67</option>
              <option value="68">68</option>
              <option value="69">69</option>
              <option value="70">70</option>
              <option value="71">71</option>
              <option value="72">72</option>

              <option value="73">73</option>
              <option value="74">74</option>
              <option value="75">75</option>
              <option value="76">76</option>
              <option value="77">77</option>
              <option value="78">78</option>

              <option value="79">79</option>
              <option value="80">80</option>
              <option value="81">81</option>
              <option value="82">82</option>
              <option value="83">83</option>
              <option value="84">84</option>

              <option value="85">85</option>
              <option value="86">86</option>
              <option value="87">87</option>
              <option value="88">88</option>
              <option value="89">89</option>
              <option value="90">90</option>

              <option value="91">91</option>
              <option value="92">92</option>
              <option value="93">93</option>
              <option value="94">94</option>
              <option value="95">95</option>
              <option value="96">96</option>

              <option value="97">97</option>
              <option value="98">98</option>
              <option value="99">99</option>
                </select> 

<!-- TELEFONE -->
                        <br /><br />Telefone:</label>
                        <span title="Obrigatório"> 
                                <input name="telefone" id="telefone" size="30"
maxlength="10" type="text" />

                                        <span>*</span></span> </td>
</tr>

<tr>    
                <td align=left valign="middle">
                    <input name ="envia" type="submit" value="Contratar ">
              <input name ="cancela" type="reset" value="Cancelar" />       
    </td>
</tr>
</table>   
</form>
</div>
</body>
</html>
___________________________________________________________________


CRIEI UM FILE COM O NOME validar.js
SEGUE O CÓDIGO:




/****************************************************************
* VALIDA CAMPO VAZIO                                            *
*****************************************************************
* EstaVazio(nome)
*/
function EstaVazio(campo){
   if (campo > ""){
      return false;
   }else{
      return true;
   }
}

/****************************************************************
* VALIDA CAMPO NUMERICO                                         *
*****************************************************************
* (checkNum(nr_endereco,false,"") == false) SO ACEITA NUMEROS
* (checkNum(nr_endereco,false,"-") == false) ACEITA TAMBEM O -
*/
function checkNum (campo, flgChar, charac){
   for (var i = 0; i < campo.length; i++){
      var ch = campo.substring(i, i + 1)
      if (flgChar == true){
         if (ch != charac){
            if (ch < "0" || ch > "9")
               return false;
            }
      }else{
         if (ch < "0" || ch > "9")
            return false;
         }
      }
   return true;
}


/****************************************************************
* VALIDACAO DE CPF                                              *
*****************************************************************
* checaCPF(document.cadastro.cpf.value)
*/ 
function checaCPF (CPF) {
   if (CPF.length != 11 || 
        CPF == "00000000000" || CPF == "11111111111" || CPF ==
"33333333333" || 
        CPF == "44444444444" || CPF == "55555555555" || CPF ==
"66666666666" || CPF == "77777777777" ||
      CPF == "88888888888" || CPF == "99999999999" || CPF ==
"01234567890" ){
      return true;
   } else {
      soma = 0;
      for (i=0; i < 9; i ++){
         soma += parseInt(CPF.charAt(i)) * (10 - i);
      }
      resto = 11 - (soma % 11);
      if (resto > 9){
        resto = 0;
      }
      if (resto != parseInt(CPF.charAt(9))){
        return true;
      } else { 
         soma = 0;
         for (i = 0; i < 10; i ++){
            soma += parseInt(CPF.charAt(i)) * (11 - i);
         }
         resto = 11 - (soma % 11);
         if (resto > 9){
            resto = 0;
         }
         if (resto != parseInt(CPF.charAt(10))){
                return true;
         }
                }
   }
   return false;
}

/****************************************************************
* VALIDACAO DE CNPJ                                             *
*****************************************************************
* checaCNPJ(document.cadastro.cpf.value)
*/
function checaCNPJ (CNPJ) {
   if (CNPJ.length != 14 || 
                 CNPJ == "11111111111111" || CNPJ == "22222222222222" || CNPJ ==
"33333333333333" ||
                 CNPJ == "44444444444444" || CNPJ == "55555555555555" || CNPJ ==
"66666666666666" || CNPJ == "77777777777777" ||
       CNPJ == "88888888888888" || CNPJ == "99999999999999" || CNPJ ==
"01234567890123" ){
      return true;
   } else {
                var dig1=0; 
                var dig2=0; 
                var x; 
                var Mult1 = '543298765432'; 
                var Mult2 = '6543298765432'; 
                for(x=0; x<=11; x++) { 
                        dig1 = dig1 +(parseInt(CNPJ.slice(x,x+1)) *
parseInt(Mult1.slice(x,x+1))); 
                } 
                for(x=0; x<=12; x++) { 
                        dig2 = dig2 + (parseInt(CNPJ.slice(x, x+1)) *
parseInt(Mult2.slice(x,x+1)));
                } 
                dig1 = (dig1 * 10)%11; 
                dig2 = (dig2 * 10)%11; 
                if (dig1 == 10) {dig1 = 0;} 
                if (dig2 == 10) {dig2 = 0;} 
                if (dig1 != parseInt(CNPJ.slice(12, 13))) { 
                        return true; 
                } else { 
                        if (dig2 != parseInt(CNPJ.slice(13, 14))) { 
                                return true; 
                        } else { 
                                return false; 
                        } 
                } 
        }    
}

/****************************************************************
* VALIDACAO DE EMAIL                                            *
*****************************************************************
* (!IsEmail(trim(document.cadastro.email.value)))
*/
function IsEmail(str) {
        //verifica se o e-mail digitado &#65533; v&#65533;lido 
        var strAlfa = "ABCDEFGHIJKLMNOPQRSTUWVXYZ";
        var strNum = "0123456789";
        var strSpecial = "_.-@/";
        var strValid = strAlfa + strNum + strSpecial;
        var email = str.toUpperCase();
        //verifica se os caracteres do e-mail s&#65533;o v&#65533;lidos
        for (i=0; i<email.length; i++) {
                if (strValid.indexOf(email.charAt(i)) < 0) {
                        return false;
                }
        }
        var strC = "@."; 
        //verifica se o e-mail cont&#65533;m @ e . (caracteres 
obrigat&#65533;rios)
        for (i=0; i<strC.length; i++) {
                if (email.indexOf(strC.charAt(i)) < 0) 
                        return false;
        }
        if (email.indexOf("@") != email.lastIndexOf("@"))
                return false;
        if (email.indexOf("@") > email.lastIndexOf("."))
            return false;
        if (email.charAt(email.indexOf("@") + 1) == ".")
            return false;
        if (!(email.indexOf("@") != 0 && email.lastIndexOf(".") !=
email.length-1))
                return false;
        return true;
}




                
                <!--
                function checkform()
                {
                        // campos do formulario para validar
                        var nome= document.edit_form.nome.value;
                        var email2= document.edit_form.email2.value;
                        var empresa= document.edit_form.empresa.value;
                        var cpfcnpj= document.edit_form.cpfcnpj.value;
                        var cidade= document.edit_form.cidade.value;
                        var estado= document.edit_form.estado.value;
                        var endereco= document.edit_form.endereco.value;
                        var bairro= document.edit_form.bairro.value;
                        var telefone= document.edit_form.telefone.value;
                        var ddd2= document.edit_form.ddd2.value;
                        var cep= document.edit_form.cep.value;
                        
                
                        if (EstaVazio(nome))
                        {
                                alert("O nome n&#65533;o pode estar vazio !")
                                document.edit_form.nome.focus();
                                return false;
                        } 
                        

                        if (EstaVazio(cpfcnpj))
                        {
                                alert("Digite o CPF ou CNPJ !")
                                document.edit_form.cpfcnpj.focus();
                                return false;
                        } 
                        
                        
                        if(checkNum(cpfcnpj,false,"") == false)
                        {
                                alert("O campo CPF/CNPJ s&#65533; aceita 
n&#65533;meros!")
                                document.edit_form.cpfcnpj.focus();
                                return false;   
                        }
                        
                        
                        if (EstaVazio(empresa) && (cpfcnpj.length== 14))
                        {
                                alert("O nome da empresa n&#65533;o pode estar 
vazio!")
                                document.edit_form.empresa.focus();
                                return false;
                        } 
                        
                        if (cpfcnpj.length== 14) 
                        {
                                if (checaCNPJ (cpfcnpj))
                                {
                                        alert("O CNPJ &#65533; 
inv&#65533;lido!")
                                        document.edit_form.cpfcnpj.focus();
                                        return false;                           
        
                                }
                        }
                        else
                        {
                                if (cpfcnpj.length== 11) 
                                {
                                        if (checaCPF (cpfcnpj))
                                        {
                                                alert("O CPF &#65533; 
inv&#65533;lido!")
                                                
document.edit_form.cpfcnpj.focus();
                                                return false;                   
                
                                        }                       
                                }
                                else
                                {
                                                alert("O CPF ou CNPJ &#65533; 
inv&#65533;lido!")
                                                
document.edit_form.cpfcnpj.focus();
                                                return false;                   
        
                                }
                        }
                        
                        if (EstaVazio(email2))
                        {
                                alert("O campo E-mail &#65533; 
obrigat&#65533;rio !")
                                document.edit_form.email2.focus();
                                return false;
                        } 
                        
                        
                        if (!IsEmail(email2))
                        {
                                alert("O campo E-mail est&#65533; 
inv&#65533;lido !")
                                document.edit_form.email2.focus();
                                return false;
                        } 
                        
                        
                        if (EstaVazio(cidade))
                        {
                                alert("O campo cidade &#65533; 
obrigat&#65533;rio !")
                                document.edit_form.cidade.focus();
                                return false;
                        } 
                        
                        
                        if (EstaVazio(estado))
                        {
                                alert("O campo UF &#65533; obrigat&#65533;rio 
!")
                                document.edit_form.estado.focus();
                                return false;
                        }                       
                        

                        if (EstaVazio(endereco))
                        {
                                alert("O campo endere&#65533;o  &#65533; 
obrigat&#65533;rio !")
                                document.edit_form.endereco.focus();
                                return false;
                        }       
                        
                        if (EstaVazio(bairro))
                        {
                                alert("O campo bairro &#65533; 
obrigat&#65533;rio !")
                                document.edit_form.bairro.focus();
                                return false;
                        }       
                        
                        
                        if (EstaVazio(telefone))
                        {
                                alert("O campo telefone &#65533; 
obrigat&#65533;rio !")
                                document.edit_form.telefone.focus();
                                return false;
                        }       
                        
                                
                        if (checkNum(telefone,false,"") == false )
                        {
                                alert("O campo telefone s&#65533; aceita 
numeros !")
                                document.edit_form.telefone.focus();
                                return false;                   
                        }                                               
                                        
                                        
                        if (EstaVazio(ddd2))
                        {
                                alert("O campo ddd &#65533; obrigat&#65533;rio 
!")
                                document.edit_form.ddd2.focus();
                                return false;
                        }       
                        
                                                                        
                                                                        
                        if (EstaVazio(cep))
                        {
                                alert("O campo cep &#65533; obrigat&#65533;rio 
!")
                                document.edit_form.cep.focus();
                                return false;
                        }       
                        

                        if (checkNum(cep,false,"") == false)
                        {
                                alert("O campo cep só aceita numeros !")
                                document.edit_form.telefone.focus();
                                return false;                   
                        }       
                        

                                                
                
                        return true;    
                }
                //-->
        
_________________________________________________________________


CADASTREI NO portal_javascripts (JavaScript Registry) " 

    ID: "validar.js"
    Condition:
    Inline rendering?  desmarcado
    Compression type:  "safe"
    Enabled? marcado
    Merging allowed? marcado
    Caching allowed? marcado
   
SERÁ QUE ALGUÉM PODE ME AJUDAR? FIZ ALGO ERRADO?
OBRIGADA!!!

[zope-pt] Validação de formulário

Responder a