Problema com formulário

3 participantes

Ver o tópico anterior Ver o tópico seguinte Ir para baixo

Tópico resolvido Problema com formulário

Mensagem por Soul 20.05.11 22:22

Qual é sua questão:
Eu criei um formulário e quando fui testar, o script não funcionou.

Formulário:
Código:
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script>function radio(nameObtido,valObtido){jQuery('[name="'+nameObtido+'"]').val( valObtido );}
function gerarf() {

<!-- Script do Formulário -->
jQuery('[name="f"]').val( '2' );
jQuery('[name="subject"]').val( ''[' + jQuery('[name="famiglia"]').val( '' )' + ']' + ' Admissão de ' + jQuery('[name="nome"]').val( '' )' );
jQuery('[name="message"]').val( 'jQuery('[name="NAME"]').val( ' +

jQuery('[name="titulo1"]').val( '' ) + '/n' +
'Nome do Personagem:'jQuery('[name="nome"]').val( '' ) + '/n' +
'Sobreome do Personagem:'jQuery('[name="sobrenome"]').val( '' ) + '/n' +
'Idade do Personagem:'jQuery('[name="idade"]').val( '' ) + '/n' +
'Ocupação do Personagem:'jQuery('[name="ocupacao"]').val( '' ) + '/n' +
'Sexo do Personagem:'jQuery('[name="sexo"]').val( '' ) + '/n' +
'Sexualidade do Personagem:'jQuery('[name="sexualidade"]').val( '' ) + '/n' +
'Aparência do Personagem:'jQuery('[name="aparencia"]').val( '' ) + '/n' +
'Personalidade do Personagem:'jQuery('[name="personalidade"]').val( '' ) + '/n' +
'História do Personagem:'jQuery('[name="historia"]').val( '' ) + '/n' +
jQuery('[name="linha1"]').val( '' ) + '/n' +
jQuery('[name="titulo2"]').val( '' ) + '/n' +
'Famiglia:'jQuery('[name="famiglia"]').val( '' ) + '/n' +
'Shinu Ki no Honoo:'jQuery('[name="shinuki"]').val( '' ) + '/n' +
jQuery('[name="linha2"]').val( '' ) + '/n' +
jQuery('[name="titulo3"]').val( '' ) + '/n' +
jQuery('[name="bairro"]').val( '' ) + '/n' +
jQuery('[name="descricao"]').val( '' ) );

}</script>
<form action="/posting.forum" method="post" enctype="multipart/form-data">


<!-- HTML do Formulário -->
<big name="titulo1"><b>Ficha Pessoal<b></big><p>

<b>Nome do Personagem:</b><input type="text" name="nome" value=""/><br>

<b>Sobrenome do Personagem:</b><input type="text" name="sobrenome" value=""/><br>

<b>Idade do Personagem:</b><input type="text" name="idade" value=""/><br>
<small><u>*Mínimo de 13 anos.</u></small><br>

<b>Ocupação:</b><input type="text" name="ocupacao" value=""/><br>

<b>Sexo:</b><select name="sexo">
<option value="Masculino">Masculino</option>
<option value="Feminino">Feminino</option></select><br>

<b>Sexualidade:</b><select name="sexualidade">
<option value="Heterossexual">Heterossexual</option>
<option value="Homossexual">Homossexual</option>
<option value="Bissexual">Bissexual</option></select><br>

<b>Aparência:</b><textarea name="aparencia" rows="3" cols="50"></textarea><br>

<b>Personalidade:</b><textarea name="personalidade" rows="3" cols="50"></textarea><br>

<b>História:</b><textarea name="historia" rows="5" cols="50"></textarea><br>


<hr name="linha1">
<big name="titulo2"><b>Ficha Mafiosa<b></big><p>

<b>Famiglia:</b><select name="famiglia">
<option value="Vongola">Vongola</option>
<option value="Millefiore">Millefiore</option>
<option value="Arcobaleno">Arcobaleno</option>
<option value="Pequena">Famiglia Pequena</option>
<option value="Rank F">Rank F</option></select><br>
<small><u>*Millefiore e Arcobaleno indisponíveis.</u></small><br>
<small><u>**Vongola e Famiglias Pequenas apenas autorizados.</u></small><br>

<b>Shinu Ki no Honoo:</b><select name="shinuki">
<option value="Céu">Céu</option>
<option value="Tempestade">Tempestade</option>
<option value="Trovão">Trovão</option>
<option value="Chuva">Chuva</option>
<option value="Sol">Sol</option>
<option value="Névoa">Névoa</option>
<option value="Nuvem">Nuvem</option></select><br>
<small><u>*Céu apenas autorizados.</u></small><br>
<small><u>**Poderá ter mais de uma Shinu Ki no Honoo, mas isso só será liberado mais para frente.</u></small><br>

<b>Técnicas:</b>


<hr name="linha2">
<big name="titulo3"><b>Ficha Residencial<b></big><p>

<b>Bairro:</b><select name="bairro">
<option value="Mannakai">Mannakai</option>
<option value="Komimura">Komimura</option>
<option value="Toshimono">Toshimono</option>
<option value="Togayaki">Togayaki</option>
<option value="Tomonaka">Tomonaka</option>
<option value="Shippou">Shippou</option>
<option value="Togunai">Togunai</option>
<option value="Togaitoshi">Togaitoshi</option>
<option value="Mizuoka">Mizuoka</option></select><br>

<b>Descrição da Casa:</b><textarea name="casa" rows="5" cols="50"></textarea><br>

<!-- Ocultos -->
<input type="hidden" name="f" value="2" />
<input type="hidden" name="subject" value="O script não enviou o título" />
<input type="hidden" name="message" value="O script não enviou a mensagem" />



<input type="hidden" name="mode" value="newtopic" />
<input type="hidden" name="lt" value="0" />

<!-- Enviar -->
<input type="submit" name="post" class="button2" value="Enviar" onClick="gerarf();"/></form>

Links:
http://trinisette.forumeiros.com/h1-
http://trinisette.forumeiros.com/t2-

Que medidas você tomou para corrigir o problema:
Nenhuma
Soul

Soul
Novo Membro

Membro desde : 20/05/2011
Mensagens : 2
Pontos : 4

http://trinisette.forumeiros.com

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Problema com formulário

Mensagem por Dury 22.05.11 15:49

Olá e bom dia Soul!

Desculpe-me pela demora. Eu fiz altas correções no seu formulário, somente não testei ainda. Poderia fazer o teste e verificar se houve resultados?
Código:
    <!-- Script do Formulário -->
    <div style="height:4px"></div><script type="text/javascript"> jQuery('#forum-widget').insertBefore('#left'); if(my_getcookie('forum-widget')=='0') {jQuery('#left').animate({width:'toggle',height:'toggle',opacity:'toggle'},0); jQuery('#forum-widget').css('background-position','0 0px'); } </script><div style="height:4px"></div></div><div id="main"><div id="main-content"><style>
    .previsu {
    background: url('http://sd-1.archive-host.com/membres/images/142586199450897653/LFD/vide.png');
    border: 1px solid #1675BC;
    display: none;
    position: absolute;
    top: 350px;
    margin: auto;
    margin-left: 150px !important;
    }
    .previsuimg {
    position: relative;
    }
    .previsuimg div {
    position: absolute; top: 30px; left: -10px; border: 3px double #E0E0E0; background: rgba(250, 250, 250, 0.9);
    }
   

    #addimage .part { background: url(http://i46.tinypic.com/2wrdc42.jpg) no-repeat -235px -600px; width: 60px; height: 20px;}
    #addimage .more { background: url(http://i46.tinypic.com/2wrdc42.jpg) no-repeat 0px 2px; width: 12px; height: 20px; cursor:pointer;}
    .image .part { background: url(http://i46.tinypic.com/2wrdc42.jpg) no-repeat -235px -548px; width: 60px; height: 20px;}
    .image .remove { float: left;background: url(http://i46.tinypic.com/2wrdc42.jpg) no-repeat 0px -286px;padding-left: 16px;width: 12px; height: 20px; cursor:pointer;position: relative;top:3px;}
    .image .previsualise { float: left;background: url(http://i46.tinypic.com/2wrdc42.jpg) no-repeat -50px -436px; margin-left: 5px; padding-left: 16px;width: 12px; height: 20px; cursor:pointer;position: relative;top:3px;}

    .image { width: 300px; }

    </style>

    <script>
    imagensdotema = '';
    function removeimg(obj) {
    obj.parent().parent().remove();
    update_img();
    }
    function addimg() {
    $('#addimage').before('<tr class=image><td class=part></td><td><input style="float:left; display: inline; background-color: #ffffff;border: 1px solid #BCBCBC;color: #666666;padding: 2px;cursor: text;" type=text name=images onchange="update_img_list()" /> <div class="previsualise"></div> <div class="remove" onClick="removeimg($(this))"></div><div class="previsuimg"><div></div></div></td></tr>');
    $('#addimage').prev().find('.previsualise').hover(
    function () {
    $(this).parent().find('.previsuimg').html('<div><img src="'+encodeURI($(this).parent().find('input').attr('value'))+'" /></div>').find('div').css('display','block');
    },
    function () {
    $(this).parent().find('.previsuimg div').css('display','none');
    }
    );
    update_img();
    }
    function update_img() {
    if($('.image').length<2) $('.image .remove').hide();
    else $('.image .remove').show();
    update_img_list();
    }
   
    function update_img_list() {
    imagensdotema = '';
    jQuery('input[name=images]').each( function(index) {
    if($(this).val() != '') {imagensdotema += '[url='+jQuery(this).val()+'][img(115px,108px)]'+jQuery(this).val() + '[/img] ';}
    });
    }

    function adaptarImagem() {
      img = jQuery('#image').val();
      jQuery('#image').val(img.replace('preview', 'thumb')).after('<span class="removeafter" style=" margin-left: 10px; color: green; display: none">Adaptando endereço...</span>').attr('disabled', 'disabled').after('<input type="button" class="button2 removeafter" onclick="reativarImagem();" value="Ativar edição">');


    function reativarImagem() {
      jQuery('.button2.removeafter').remove();
      jQuery('#image').attr('disabled', '').val('');

    }

    function gerarMensagem() {
      update_img_list()
            var nome = document.getElementById("nome").value;
            var idade = document.getElementById("idade").value;
            var ocupacao = document.getElementById("ocupacao").value;
            var sexo = document.getElementById("sexo").value;
            var sexual = document.getElementById("sexual").value;
            var aparencia = document.getElementById("aparencia").value;
      var personalidade = document.getElementById("personalidade").value;
          var historia = document.getElementById("historia").value;
            var famiglia = document.getElementById("famiglia").value;
            var paises = document.getElementById("paises").value;
            var bairro = document.getElementById("bairro").value;
            var bairro = document.getElementById("casa").value;

          jQuery('input[name=subject]').val('ssss');
          update_img_list()
            finalmessage = '[b]Nome do individuo:[/b]'+nome+'
    [b]Classificação:[/b]'+idade+'
    [b]Ocupação:[/b]'+ocupacao+'
    [b]sexo:[/b]'+sexo+'
    [b]Opção Sexual:[/b]'+sexual+'
    [b]Descrição:[/b]'+aparecia+'
    [b]Personalidade:[/b][/td][td]'+personalidade+'
    [b]HJistória:[/b][/td][td]'+historia+'
    [b]Famiglia:[/b]'+famiglia+'
    [b]Países:[/b]'+paises+'
    [b]Endereço:[/b]'+bairro+'
    [b]Famiglia:[/b]'+casa+'';
     
            jQuery("input[name=message]").val(finalmessage);
    }
    </script>


        }</script>
        <form action="/posting.forum" method="post" enctype="multipart/form-data">


        <!-- Final do HTML do Formulário -->

    <label>Nome Completo do indivíduo:</label></dt><dd>
    <input id="nome" class="inputbox" tabindex="3" onChange="gerarMensagem();" /></dd></dl>

    <label>Idade:</label></dt><dd>
    <input id="idade" class="inputbox" tabindex="2" onChange="gerarMensagem();" /></dd></dl><br>    <small><u>*Mínimo de 13 anos.</u></small><br>

    <label>Ocupação:</label></dt><dd>
    <input id="ocupacao" class="inputbox" tabindex="3" onChange="gerarMensagem();" /></dd></dl>


    <dl><dt>
      <label>Sexo:</label></dt><dd><select id="sexo" tabindex="1" onChange="gerarMensagem();" />
    <option value="[img]http://2img.net/i/fa/icon_gender_male.gif[/img] ">Masculino</option>
        <option value="[img]http://2img.net/i/fa/icon_gender_female.gif[/img]"> Feminino</option>
    </select></dd></dl>


    <dl><dt>
      <label>Opção sexual:</label></dt><dd><select id="sexual" tabindex="1" onChange="gerarMensagem();" />
        <option value="Heterossexual"> Heterossexual</option>
        <option value="Homossexual"> Homossexua</option>
        <option value="Bissexual"> Bissexual</option>
    </select></dd></dl>

            <dl><dt>
            <label>Aparência física:</label></dt>
            <dd><textarea id="aparencia" class="inputbox" tabindex="14" style="clear: both; height: 100px; width: 500px;"></textarea>
            </dd></dl>

            <dl><dt>
            <label>Personalidade:</label></dt>
            <dd><textarea id="personalidade" class="inputbox" tabindex="14" style="clear: both; height: 100px; width: 500px;"></textarea>
            </dd></dl>

            <dl><dt>
            <label>Conte sua história:</label></dt>
            <dd><textarea id="historia" class="inputbox" tabindex="14" style="clear: both; height: 100px; width: 500px;"></textarea>
            </dd></dl>

    <hr>


        <hr name="linha1">
        <big name="titulo2"><b>Ficha Mafiosa<b></big><p>

    <dl><dt>
      <label>Famiglia:</label></dt><dd><select id="famiglia" tabindex="1" onChange="gerarMensagem();" />
        <option value="Vengola"> Vengola</option>
        <option value="Milifiore"> Milefiore</option>
        <option value="Arcobaleno"> Arcobaleno</option>
        <option value="Famiglia pequena"> Famiglia pequena</option>
        <option value="Rank F"> Rank F</option>
    </select></dd></dl>


    <dl><dt>
      <label>Shinu Ki no Honoo:</label></dt><dd><select id="paises" tabindex="1" onChange="gerarMensagem();" />
        <option value="´Céu"> Céu</option>
        <option value="Tempestade">Tempestade</option>
        <option value="Trovão"> Trovão</option>
        <option value="Chuva"> Chuva</option>
        <option value="Sol"> Sol</option>
        <option value="Névoa"> Névoa</option>
        <option value="Nuvem"> Nuvem</option>
    </select></dd></dl>

        <b>Técnicas:</b>


        <hr name="linha2">
        <big name="titulo3"><b>Ficha Residencial<b></big><p>

    <dl><dt>
      <label>Endereço:</label></dt><dd><select id="bairro" tabindex="1" onChange="gerarMensagem();" />
        <option value="Mannakai"> Mannakai</option>
        <option value="Komimura">Komimura</option>
        <option value="Toshimono"> Toshimono</option>
        <option value="Togayaki"> Togayaki</option>
        <option value="Tomonaka"> Tomonaka</option>
        <option value="Shippou"> Shippou</option>
        <option value="Togunai"> Togunai</option>
        <option value="Togaitoshi"> Togaitoshi</option>
        <option value="Mizuoka"> Mizuoka</option>
    </select></dd></dl>


            <dl><dt>
            <label>Descrição da casa:</label></dt>
            <dd><textarea id="casa" class="inputbox" tabindex="14" style="clear: both; height: 100px; width: 500px;"></textarea>
            </dd></dl>

        <!-- Ocultos -->
        <input type="hidden" name="f" value="2" />
        <input type="hidden" name="subject" value="O script não enviou o título" />
        <input type="hidden" name="message" value="O script não enviou a mensagem" />

    <input type="hidden" name="subject" />
    <input type="hidden" name="message" />
    <input type="hidden" name="mode" value="newtopic" />
    <input type="hidden" name="lt" value="0" />
    <input type="hidden" name="f" value="2" />

    <span class="corners-bottom"><span></span></span></div></div><div class="panel"><div class="inner"><span class="corners-top"><span></span></span>
    <fieldset class="submit-buttons"><input value="Enviar" type="submit" class="button1" name="post" onClick="checkForum();" /></fieldset>
    <span class="corners-bottom"><span></span></span></div></div>
    </form>

Até mais!
Piscada
Dury

Dury
Membro Entusiasta
Membro Entusiasta

Membro desde : 21/01/2009
Mensagens : 6708
Pontos : 8829

https://shiftactive.blogspot.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Problema com formulário

Mensagem por Soul 23.05.11 23:10

Thanks por responder Feliz

Quando eu clico em "Enviar", dá erro dizendo:

Você precisa dar um o título ao tópico antes de postá-lo.
Antes de postar, você deve escrever uma mensagem.
Soul

Soul
Novo Membro

Membro desde : 20/05/2011
Mensagens : 2
Pontos : 4

http://trinisette.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Problema com formulário

Mensagem por Byte 29.05.11 23:04

Olá Pessoal...

Eu não sei se tenho muito tempo para ver todo o código, desculpem-me...
Mas só um aviso para o pessoal..

Quando vamos utilizar/definir um valor fazemos assim:

.val('Valor novo em formato de texto')

.val( Valor novo )

.val() /* <<-- puxando o valor do objeto */

Ou seja...

Quando vamos puxar um valor não fazemos assim(por exemplo):
jQuery('[name="aparencia"]').val( '' )

Pois se colocarmos algo dentro dos parênteses já estamos definindo um novo valor, ou seja, neste caso, estaríamos definindo que o valor da aparência seria um conjunto vazio.

Então o correto para puxar um valor seria assim:
jQuery('[name="aparencia"]').val()

Desculpem a intromissão no tópico!
Até logo!
Byte
Byte

Byte
Super Membro

Membro desde : 12/02/2009
Mensagens : 1272
Pontos : 2341

http://gabionicle.forum.st/

Ir para o topo Ir para baixo

Ver o tópico anterior Ver o tópico seguinte Ir para o topo


Permissões neste sub-fórum
Não podes responder a tópicos