Bug Tracker

Ticket #5137: serialize_bug.htm

File serialize_bug.htm, 3.5 KB (added by mattiv, 11 years ago)
Line 
1<script src="/js/jquery-1.3.2.min.js" type="text/javascript"></script>
2<script type="text/javascript" src="/js/thickbox.js"></script>
3<script type="text/javascript" src="/js/jquery.validate.js"></script>
4
5<div id='sugestao_form'>
6        <h3>Deixe sua sugest&atilde;o</h3>
7        <form action='/actions/sugestao.php' method="post" id='sugestao_form'>
8            <div class='form_items'>
9            <div class="form_item">
10                <label for='nome'>Nome: *</label><label class='error' for='nome'>Este campo &eacute; obrigatorio</label><br/>
11                <input type='text' id='nome' class="input_text required" name='nome'/>
12            </div>
13            <div class="form_item radio">
14                <label for='sexo'>Sexo:</label><br/>
15                <input type='radio' class="input_radio" name='sexo' value='m'/> mulher<br/>
16                <input type='radio' class="input_radio" name='sexo' value='h'/> homem<br/>
17            </div>
18            <div class="form_item">
19                <label for='idade'>Idade:</label><br/>
20                <input type='text' class="input_text input_text_peq" id='idade' name='idade' maxlength="3"/>
21            </div>
22            <div class="form_item">
23                <label for='email'>Email: *</label><label class='error' for='email'>Email v&aacute;lido &eacute; obrigatorio</label><br/>
24                <input type='text' class="input_text email required" name='email' id='email'/>
25            </div>
26            <div class="form_item">
27                <label for='cidade'>Cidade: *</label><label class='error' for='cidade'>Este campo &eacute; obrigatorio</label><br/>
28                <input type='text' class="input_text required" name='cidade' id='cidade' />
29            </div>
30            <div class="form_item">
31                <label for='sugestao'>Sugest&atilde;o: *</label><label class='error error_textarea' for='sugestao'>Este campo &eacute; obrigatorio</label><br/>
32                <textarea class="required" name='sugestao' id='sugestao' maxlength='200'></textarea>
33                <span id='charcount'></span><label id='char_error' class="error">Max. 200 caracteres</label>
34            </div>
35            <div class='form_submit form_item'>
36                <input type='submit' class="input_submit" value='Enviar' id='submit'/>
37            </div>
38                </div>       
39    </form>
40</div>
41
42<script type="text/javascript">
43        $(document).ready(function(){
44                $('form#sugestao_form').validate({
45                        submitHandler: function() {
46                                form = $('form#sugestao_form');
47                                form.find('.form_submit').addClass('results');
48                                form.find('.results').html('<img src="/img/loading.gif" alt="enviando">');
49                                form.find('input').addClass('disabled');
50                                form.find('input').attr('disabled', 'disabled');
51                                form.find('textarea').addClass('disabled');
52                                form.find('textarea').attr('disabled', 'disabled');
53                                alert($('#sugestao_form').serialize()); //here the alert box is empty
54                                $.get(form.attr("action"), form.serialize(), function(response){ //so, no variables are sent
55                                        form.find(".results").html(response);
56                                });
57                                return false;
58                        }
59                });
60                $('#charcount').html('200')
61                $('textarea#sugestao').keydown(function(){
62                        textCounter($(this));
63                });
64                $('textarea#sugestao').keyup(function(){
65                        textCounter($(this));
66                });
67               
68        });
69       
70        function textCounter(field) {
71                if (field.val().length > 200) {// if too long...trim it!
72                        field.val(field.val().substring(0,200));
73                        $('#char_error').show();       
74                }else {
75                        $('#charcount').html(200 - field.val().length);
76                        $('#char_error').hide();}
77        }
78</script>