небольшая помощь в контактной форме?

Мне нужна небольшая помощь с моей контактной формой. Я создаю свой веб-сайт на Dreamweaver, и у меня еще нет сервера, мне просто нужно, чтобы вы сказали мне, чего еще не хватает в моем коде, чтобы моя контактная форма работала. 2- мне также нужно, чтобы «сообщение отправлено» отображалось под сообщением, потому что мой сайт является одностраничным параллаксом. Я не хочу, чтобы люди покидали мою страницу. Я понятия не имею, куда вставить свой адрес электронной почты :(

(function($){
	$(document).ready(function() {
		$('#submit-form').click(function(e){
		
			e.preventDefault();
            var reg = /^([A-Za-z0-9_\-\.])+\@([A-Za-z0-9_\-\.])+\.([A-Za-z]{2,4})$/;
            var Nome  = $('#form_name').val(),
				Email  = $('#form_email').val(),
				Assunto  = $('#form_subject').val(),
				Mensagem  = $('#form_message').val(),
				data_html,
				success = $('#success');
				
    		if(name == "")
                $('#form_name').val('Please enter your name.');
				
			if(subject == "")
                $('#form_subject').val('Please enter your name.');

            if(email == ""){
                $('#form_email').val('Digite um e-mail válido.');
            }else if(reg.test(email) == false){
                $('#form_email').val('E-mail inválido.');
            }
			
            if(message == "")
                $('#form_message').val('Digite sua mensagem.');

            if(message != "" && name != "" && reg.test(email) != false) {
            	data_html = "name=" + name + "&email="+ email + "&message=" + message + "&subject="+ subject;

                //alert(data_html);
                $.ajax({
                    type: 'POST',
                    url: 'contact_form.php',
                    data: data_html,
                    success: function(msg){
						
						if (msg == 'sent'){
                        	success.html('<div class="alert alert-success">Mensagem enviada!</div>')  ;
                            $('#form_name').val('');
							$('#form_email').val('');
							$('#form_message').val('');
                        }else{
                            success.html('<div class="alert alert-error">Message <strong>not</strong> sent! Please Try Again!</div>')  ; 
                        }
                    }
                });
    
            }
            return false;
        });
	});
})(jQuery);
textarea {
	height:167px;
	padding:20px;
	margin-bottom:20px; 
	overflow:auto;
}
	
.formSecWrap {
	float: left;
	margin-right: 20px;
}
.formSecWrap2 {
	margin-right: 0px;
}
input[type="text"], input[type="password"], input[type="email"], textarea, select {
    background: #222222;
    border: none;
    border-radius: 3px;
    color: #fff;
    display: block;
    margin: 0 0 10px 0;
    outline: medium none;
    padding: 6px 4px;
    width: 370px;
	font-family:'Oswald', sans-serif;
	font-size: 16px;
	font-weight: 400;
}
input[type="text"]:focus, input[type="password"]:focus, input[type="email"]:focus, textarea:focus {
    box-shadow: 0 0 7px #fff;
}

.formWrap label{
	margin: 0 0 2px 0;
}
.formWrap input[type="submit"]{
	margin: 10px 0 20px 0;
	float: right;
}

a.button,
button,
input[type="submit"],
input[type="reset"],
input[type="button"] {
	background: #7b133c; 
	border: none;
	padding: 4px 12px;
	border-radius: 3px;
	color: #fff;
	display: inline-block;
	font-size: 13px;
	text-decoration: none;
	cursor: pointer;
	margin: 0 5px 10px 0;
	line-height: 21px;
}
a.button:hover,
button:hover,
input[type="submit"]:hover,
input[type="reset"]:hover,
input[type="button"]:hover {
	color: #222;
	background: #ddd;  
}
           <div id="contact_form">
                <div class="two-thirds column marginTop formWrap">
                    <form action="#" method="post" class="contactForm">
                        <div class="formSecWrap">
                            <label for="form_name">Nome</label>
                                <input type="text" id="form_name" name="form_name" value="" />
           
                            <label for="form_email">Email</label>
                                <input type="text" name="form_email" id="form_email" value="" />
                      
                            <label for="form_subject">Assunto</label>
                                <input type="text" name="form_subject" id="form_subject" value="" />
                        </div>
                        <div class="formSecWrap formSecWrap2">
                            <label for="form_message">Mensagem</label>
                                <textarea class="textarea" name="form_message" id="form_message"></textarea>
                        
                                <input class="button" id="submit-form" type="submit" name="submit" value="Enviar" />
                        </div>
                        <div id="sucess"></div>
                    </form>
                </div>
            </div>
   	   </div>
        
     </div>


person hulla-land    schedule 11.02.2015    source источник
comment
Там есть URL-адрес файла contact_form.php. Что там? Там должен быть адрес электронной почты.   -  person Claudiu Creanga    schedule 12.02.2015
comment
@Claudiu, да, я использовал .php ... но боюсь, что это займет еще одну страницу? нет?   -  person hulla-land    schedule 12.02.2015


Ответы (1)


У вас есть несколько проблем.

Но во-первых, у вас нет сервера, но вы используете ajax для URL: 'contact_form.php'.

Что мы никогда не будем работать в Dreamweaver, пока вы не настроите локальный сервер.

Отправка почты с помощью только javascript, без php, проблематична во многих отношениях.

Итак, чтобы добиться определенного прогресса, настройте подходящую локальную среду (например, xampp или dreamweaver с локальным сервером) и протестируйте свою почтовую форму там, где вы сможете отлаживать возможные ошибки javascript и php.

person Claudiu Creanga    schedule 11.02.2015
comment
хорошо! Мой сайт работает! контактная форма не работает :) teste.paulorfloriano.com.br - person hulla-land; 12.02.2015