Comunidad de diseño web y desarrollo en internet online

ayuda con formulario jquery php en html

Citar            
MensajeEscrito el 02 Feb 2012 05:36 pm
Sucede que descarge un diseño web que supuestamente esta en html5, yo en esto de programar web mas soy solo aficionado, no he estudiado.... pero estaba modificiando toda la web y me he chocado con un problema... el formulario de contacto no funciona... sospecho que es un sendmail.php que me falta.. algo asi dice en el archivo contact.js aqui les muestro el codigo, porfavor ayudenme.

Esta es la parte que esta en mi formulario de contacto

Código HTML :

<!-- QUICK CONTACT FORM -->
            <div class="quick-contact-widget two-third last">
                <div class="widget-last one-third widget quick-contact">
                    <h2>Contacto</h2>
                    
                    <form id="quick-form-footer" class="contact-form" method="post" action="" enctype="multipart/form-data">

                       <div class="usermessagea"></div>
                    
                       <fieldset>
                          <ul>
                    
                                <!-- NAME FIELD -->
                             <li class="text-field card">
                                <label for="name-footer">
                                   <span class="label">Cual es su nombre?</span>
                                </label>
                                <input type="text" name="name" id="name-footer" class="required" value="" />
                    
                                <div class="msg-error"></div>
                             </li>          
                                <!-- END NAME FIELD -->
                                
                                <!-- EMAIL FIELD -->
                             <li class="text-field letter">
                                <label for="email-footer">
                                   <span class="label">Su direccion de e-mail?</span>
                                </label>
                                <input type="text" name="email" id="email-footer" class="required email-validate" value="" />
                                <div class="msg-error"></div>
                             </li>      
                                <!-- END EMAIL FIELD -->
                                
                                <!-- MESSAGE FIELD -->
                             <li class="textarea-field">
                                <label for="message-footer">
                                   <span class="label">Dejenos su mensaje</span>
                                </label>
                                <textarea name="message" id="message-footer" rows="8" cols="30" class="required"></textarea>
                                <div class="msg-error"></div>
                             </li>      
                                <!-- END MESSAGE FIELD -->
                    
                             <li class="submit-button">
                                <input type="hidden" name="action" value="sendmail" id="action" />
                                <input type="submit" name="sendemail" value="enviar mensaje" class="sendmail alignleft" />         
                                </li>
                          </ul>
                    
                       </fieldset>
                    </form>

                    <script type="text/javascript">
                       var error_messages = {
                          name: "",
                          email: "",
                          message: ""
                       };
                    </script>           
                </div>
            </div>      
            <!-- END QUICK CONTACT FORM -->


y esta de aca que es el archivo contact.js

Código PHP :

jQuery(document).ready(function($){   

    var error = true;  
    
    function addLoading( e )
    {
        e.val( 'atendiendo...' ).attr('disabled', true);
    }    
    
    function removeLoading( e, value_submit )
    {
        e.val(value_submit).attr('disabled', false);  
    }
    
    function addError(msg, e, effect)
    {
        error = true;        
        e.removeClass('icon success');
        e.addClass('icon error'); 
        e.parent().find('.msg-error').text(msg);                
        if( effect !== undefined && effect == true )
        {
            e.css({position:'relative'}).animate({left:-10}, 100).animate({left:10}, 100).animate({left:-5}, 100).animate({left:5}, 100).animate({left:0}, 100);
        }
    }                 
    
    function addSuccess(e)
    {                                     
        e.parents('li').addClass('icon success');    
    }
    
    function removeError(e)
    {
        error = false;        
        e.parent().find('.msg-error').text('');     
        e.removeClass('icon error');
        addSuccess(e);
    }          
    
    function checkRequired(e) {
        var name = $(e).attr('name');    
        jQuery.globalEval( 'var msg = error_messages.'+name ); 
        
        if( e.val() == '' )
            addError( msg, e );       
        else               
            removeError(e);    
    }     
    
    function checkEmail(e) {
        var expr = /^[_a-z0-9+-]+(.[_a-z0-9+-]+)*@[a-z0-9-]+(.[a-z0-9-]+)+$/;     
        var name = $(e).attr('name');
        jQuery.globalEval( 'var msg = error_messages.'+name );     
        
        if( ( e.val() != '' && !expr.test( e.val() ) ) || ( e.is('.required') && e.val() == '' ) )  
            addError( msg, e );            
        else 
            removeError(e);   
    }
        
    $('.contact-form').each(function(){
        
        var form = $(this);
        var value_submit = $('.sendmail', form).val();
    
        $('.required', form).each(function(){  
            $(this).blur(function(){      
                checkRequired( $(this) );    
            });
        });                
        
        $('.email-validate, form').each(function(){    
            $(this).blur(function(){                
                checkEmail( $(this) );
            });
        });    
        
        $(form).submit(function(){
            addLoading( $('input:submit', form) );      
            
            $('input, select, textarea', form).each(function(){
                if ( $(this).hasClass('required') ) checkRequired( $(this) );
                    
                if ( $(this).hasClass('email-validate') ) checkEmail( $(this) );
            });    
             
            $.post('sendmail.php', $(this).serialize()+'&ajax=1', function(msg) {
                showMessage = function() { $('.usermessagea', form).css({opacity:0}).html(msg).animate({opacity:1}, 500); }      
            
                if ( form.is('#quick-form-footer') ) {
                    $('ul', form).slideUp(500, function(){    
                        showMessage();
                        $( '<a href="#"> Close</a>' ).appendTo( $('.usermessagea', form).find('p') ).addClass('close_msg');
                    });        
                } else showMessage();                 
                  
                removeLoading( $('.sendmail', form), value_submit );            
            });                  
            return false;
        });     
        
        $('.close_msg').live( 'click', function(){                
            $(this).parents('form').find('ul').slideDown(500);
            $(this).parent().remove();
            return false;
        });
        
    }); 
   
});  

Por DJYovera

14 de clabLevel



 

Diseñador Web, Programador basico

firefox
Citar            
MensajeEscrito el 02 Feb 2012 05:44 pm
Efectivamente, si no tienes el archivo sendmail.php que se menciona en el código, pues no va a funcionar...

Por DriverOp

Claber

2510 de clabLevel



 

opera
Citar            
MensajeEscrito el 02 Feb 2012 06:43 pm
justamente como nose php, no tengo ni idea que deberia ir en ese archivo

Por DJYovera

14 de clabLevel



 

Diseñador Web, Programador basico

firefox
Citar            
MensajeEscrito el 02 Feb 2012 07:27 pm
Pues me temo que tendrás que aprender PHP...

Por DriverOp

Claber

2510 de clabLevel



 

opera
Citar            
MensajeEscrito el 02 Feb 2012 11:39 pm
:( ... no me pueden dar una mano?

Por DJYovera

14 de clabLevel



 

Diseñador Web, Programador basico

firefox
Citar            
MensajeEscrito el 03 Feb 2012 01:05 am
En realidad no tienes que ser experto en php para hacer algo tan sencillo como enviar un mail, busca en google y veras que encuentras muchas formas de solucionarlo.

Lo que si te recomiendo es que si no entiendes el código que estas usando, sobre todo el jquery, lo mejor es que lo borres y hagas un formulario mas sencillo que este al alcance de tus conocimientos y puedas manipular a conciencia, por que con solo copy + paste no vas a llegar ningún lado.

saludos.

Por HtrMancera

Claber

342 de clabLevel

1 tutorial

Genero:Masculino  

Front-end Developer

chrome
Citar            
MensajeEscrito el 05 Feb 2012 04:35 am
ahmmm es que es parte de un template q descarge y solo estaba modificando :s

Por DJYovera

14 de clabLevel



 

Diseñador Web, Programador basico

firefox

 

Cristalab BabyBlue v4 + V4 © 2011 Cristalab
Powered by ClabEngines v4, HTML5, love and ponies.