Форма обратной связи на сайте на Java script. Что же делает данный скрипт? Java script форма обратной связи проверяет в водимые данные и если они не введены, то выводит диалоговое окно с ошибкой. Одно из таких окон Вы увидете на рисунке ниже.

Для того чтобы установить Java script форму обратной связи нужно скопировать код который находится ниже и вставить его между тегами <head> </head>. Оставшуюся часть кода копируем и вставляем между тегами <body> </body>. Вот и весь процесс установки.

<style>
body {
color:#100202;
text-shadow:#666666 1px 3px 5px ;
}
div {
display:block;
text-align:center;
border:1px solid #d4d4d4;
width:500px;
margin:30px ;
padding:10px;
border-radius:30px;
background: #c0c0c0;
background: -moz-linear-gradient(top, #e2e2e2 0%, #d4d4d4 50%, #d1d1d1 51%, #c0c0c0 80%);
background: -webkit-linear-gradient(top, #e2e2e2 0%,#d4d4d4 50%,#d1d1d1 51%,#c0c0c0 80%);
background: -o-linear-gradient(top, #e2e2e2 0%,#d4d4d4 50%,#d1d1d1 51%,#c0c0c0 80%);
background: linear-gradient(top, #e2e2e2 0%,#d4d4d4 50%,#d1d1d1 51%,#c0c0c0 80%);

}
</style>

<SCRIPT LANGUAGE="JavaScript">

<!-- Begin
function leaptoIntro() {
window.location="home.htm"
}
function About() {
alert("\nУ Вас есть предложение по поводу JavaScript Library?\n\nЗаполните форму и отправьте ее. Я посмотрю, что можно сделать.\n\nПожалуйста, будьте предельно конкретны.");
document.forms[0].elements[1].focus();
}
function Reset() {
document.forms[0].elements[1].value = "";
document.forms[0].elements[2].value = navigator.appName + " " + navigator.appVersion;
document.forms[0].elements[3].value = "";
document.forms[0].elements[1].focus();
}
function submitForm() {
if ( (isName() ) && (isBrowser()) && (isSuggestion()) ) {
if (confirm("\nВаша форма готова к отправке.\n\nНажмите ОК, чтобы отправить.\n\nНажмите NO, чтобы отменить."))
return true
else
return false;
}
else
return false;
}
function isName() {
var str = document.forms[0].elements[1].value;
if (str == "") {
alert("\nПоле \"Имя\" не заполнено.\n\nПожалуйста, введите свое имя.")
document.forms[0].elements[1].focus();
return false;
}
for (var i = 0; i < str.length; i++) {
var ch = str.substring(i, i + 1);
if (((ch < "а" || "я" < ch) && (ch < "А" || "Я" < ch)) && ch != ' ') {
alert("\nПоле \"Имя\" должно содержать только буквы.\n\nПожалуйста, введите Ваше имя еще раз.");
document.forms[0].elements[1].select();
document.forms[0].elements[1].focus();
return false;
}
}
return true;
}
function isBrowser() {
if (document.forms[0].elements[2].value != navigator.appName + " " + navigator.appVersion) {
if (confirm("\nВы изменили тип Вашего браузера.\n\nНажмите OK, чтобы оставить изменения.\n\nНажмите NO для восстановления автоматически полученных данных."))
return true
else
{
document.forms[0].elements[2].value = navigator.appName + " " + navigator.appVersion;
return true;
}
}
else
return true;
}
function isSuggestion() {
var str = document.forms[0].elements[3].value;
if (str == "") {
alert("\nПоле \"Предложение\" не заполнено.\n\nПожалуйста, напишите свое предложение.")
document.forms[0].elements[3].focus();
return false;
}
else
return true
}
// End -->
</SCRIPT>

                 Код котоый находится ниже вставляем между тегами <body> </body>


<body onLoad="Reset()">

<left>
<div >
<p> <h3 align="center">Напишите нам:</h3></p>
<FORM ENCTYPE="text/plain" NAME="test" METHOD='POST' ACTION='mailto:Этот адрес электронной почты защищён от спам-ботов. У вас должен быть включен JavaScript для просмотра.?subject=JS Suggestions' onSubmit="return submitForm()">
<INPUT TYPE="hidden" NAME="form1" VALUE="JS Suggestions">
<TABLE BORDER= 0 WIDTH=500>
<TR>
<TD align="center"> <strong>Ваше имя</strong><FONT><STRONG>:</STRONG></FONT>
<TD align="center"> <strong>Браузер</strong><FONT> <STRONG>/Версия:</STRONG></FONT>
</TR>
<TR>
<TD align="center"> <INPUT TYPE="text" NAME="name" SIZE=25 MAXLENGTH=40>
<TD align="center"> <INPUT TYPE="text" NAME="browser" SIZE=25 MAXLENGTH=40>
</TR>
</TABLE>
<BR>
<TABLE BORDER=0>
<TR>
<TD align="center"> <strong>Ваше предложение</strong><FONT> <STRONG>(я):</STRONG></FONT>
</TR>
<TR>
<TD style="padding: 0 0 0 18px;" ><TEXTAREA NAME="suggestions" ROWS=2 COLS=55 wrap=yes></TEXTAREA>
</TR>
</TABLE>
<BR><BR>
<TABLE BORDER=0 WIDTH=300>
<TR>
<TD style="padding: 0 0 0 110px;"><INPUT TYPE="submit" VALUE="Отправить">
<TD align="center"><INPUT TYPE="reset" VALUE="Сброс" onClick="Reset()">
<TD align="center"><INPUT TYPE="button" VALUE="About" onClick="About()">
<TD align="center"><INPUT NAME="update" TYPE="BUTTON" VALUE="Закрыть" OnClick="leaptoIntro()">
</TR>
</TABLE>
</FORM></div>
</left>

 

Скачать Форму обратной связи на сайте на Java script
 

Добавить комментарий


Защитный код
Обновить