witam ! mamy do szkoły zrobić formularz HTML wysyłający dane za pomocą JS lecz cos mi chyba brakuje.. więc prosił bym was o pomoc dodam że proszę się nie śmiać gdyż jestem raczkujący w tym temacie (IMG:
style_emoticons/default/smile.gif)
mam takowy formularz w HTML
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta name="Keywords" content="" /> <meta http-equiv="content-language" content="pl"> <link href="index/css/style.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="index/js/form.js" ></script>
<div id="errorR" style="color:red;display:none">Wypełnij poprawnie formularz
</div> <div id="email_errorR" style="color:red;display:none">Wpisz poprawny email
</div> <div id="sendR" style="color:green;display:none">Wiadomość została wysłana
</div> <div style="text-align: left; padding-right: 8px"> <input id="nameR" class="formInput hidetxt" value="Imię i nazwisko" type="text" style="width: 215px;" onclick="clearForm(this)" /> <input id="phoneR" class="formInput hidetxt" value="Telefon" type="text" style="width: 215px;" onclick="clearForm(this)" /> <input id="emailR" class="formInput hidetxt" value="Adres e-mail" type="text" style="width: 215px;" onclick="clearForm(this)" /> Data:
<input id="dateR" class="formInput" type="text" style="width: 150px;" onclick="clearForm(this)" /> Godzina od:
<input id="hourR1" class="formInput" type="text" style="width: 50px;" onclick="clearForm(this)" /> do:
<input id="hourR2" class="formInput" type="text" style="width: 50px;" onclick="clearForm(this)" />
<div class="button_red" style="padding-left: 50px;"> <a href="java script:void(0)" onclick="sendReservation()"><span><span><i>wyslij
</i></span></span></a>
<div id="BoxRightBottom" ></div>
oraz plik form.JS
function isValidEmailAddress(emailAddress) {
var pattern = new RegExp(/^(("[\w-\s]+")|([\w-]+(?:\.[\w-]+)*)|("[\w-\s]+")([\w-]+(?:\.[\w-]+)*))(@((?:[\w-]+\.)*\w[\w-]{0,66})\.([a-z]{2,6}(?:\.[a-z]{2})?)$)|(@\[?((25[0-5]\.|2[0-4][0-9]\.|1[0-9]{2}\.|[0-9]{1,2}\.))((25[0-5]|2[0-4][0-9]|1[0-9]{2}|[0-9]{1,2})\.){2}(25[0-5]|2[0-4][0-9]|1[0-9]{2}|[0-9]{1,2})\]?$)/i);
return pattern.test(emailAddress);
}
function checkMail()
{
$("#error").hide();
$("#send").hide();
$("#email_error").hide();
var error = 0;
if($("#name").val()=="" )
{
//alert(1);
error = 1;
}
if($("#email").val()=="" )
{
//alert(2);
error = 1;
}
if($("#message").val()=="" )
{
//alert(2);
error = 1;
}
if(!isValidEmailAddress($("#email").val()))
{
$("#email_error").show(500);
return false;
error = 1;
}
if(error==1)
{
$("#error").show(500);
return false;
}
else
{
return true;
}
}
function clearForm(object)
{
$(object).css('color','black');
$(object).css('font-weight','normal');
}
function checkForm()
{
$("#errorR").hide();
$("#sendR").hide();
$("#email_errorR").hide();
var error = 0;
if($("#nameR").val()=="" || $("#nameR").val()=="ImiÄ? i nazwisko" )
{
//alert(1);
$("#nameR").css('color','red');
$("#nameR").css('font-weight','bold');
error = 1;
}
if($("#emailR").val()=="" || $("#emailR").val()=="Adres e-mail" )
{
$("#emailR").css('color','red');
$("#emailR").css('font-weight','bold');
error = 1;
}
if($("#phoneR").val()=="" || $("#phoneR").val()=="Telefon" )
{
$("#phoneR").css('color','red');
$("#phoneR").css('font-weight','bold');
error = 1;
}
if(!isValidEmailAddress($("#emailR").val()))
{
$("#emailR").css('color','red');
$("#emailR").css('font-weight','bold');
return false;
error = 1;
}
if(error==1)
{
//$("#errorR").show(500);
return false;
}
else
{
return true;
}
}
function sendReservation()
{
if(checkForm())
{
var e = $("#emailR").val();
var n = $("#nameR").val();
var p = $("#phoneR").val();
var d = $("#dateR").val();
var d = $("#dateR").val();
var h1 = $("#hourR1").val();
var h2 = $("#hourR2").val();
$.ajax({
type: "POST",
url: host+"/index.php?a=reservation",
data: "email="+e+"&name="+n+"&phone="+p+"&date="+d+"&hour1="+h1+"&hour2="+h2,
success: function(msg){
$("#sendR").show(100);
setTimeout('$("#sendR").slideUp("slow")',3000);
}
});
}
}
przypuszczam iż czegoś brakuje w miejscu url: host+"/index.php?a=reservation", lub coś jest źle tylko co ? bo myślę szukam ale nie umię sobie dać z tym rady.. gdyż po kliknięciu wyślij nic się nie dzieje
Ten post edytował tuiko 26.04.2012, 12:56:55
formularz JS HTML
tuiko formularz JS HTML 26.04.2012, 12:54:44 
