redzerg
-
Posts
6 -
Joined
-
Last visited
Content Type
Profiles
Forums
Calendar
Store
Everything posted by redzerg
-
Обработка формы и вывод на стороне браузера средствами DHTML
redzerg replied to redzerg's question in JavaScript
не работает -
Обработка формы и вывод на стороне браузера средствами DHTML
redzerg replied to redzerg's question in JavaScript
Авалончек трудно понять из кусков кода пожалуйста перепиши под это что куда вставлять <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script> <title>My Page</title> <script type="text/javascript"> function validateForm() { if(document.getElementById("name").value == "") { alert("Fill in your name"); return false; } else { return true; } } </script> <style type="text/css"> .newAdd {width:20%; height:100px; margin-left:10%; margin-top:10px; margin-bottom:10px; float:left; border:1px #000 solid; text-align:center} </style> </head> <body style="background-color:grey;"> <center> <form name="form1" method="post" style="margin-top:25px;"> <label for='mail'>Name*</label> <p> <input type="text" name="name" id="name"> </p> <label for='mail'>E-mail*</label> <p> <input type="text" name="email" id="email"> </p> <label for='mail'>Comment*</label> <p> <textarea name="comment" id="comment" cols="40" rows="3" maxlength="120"></textarea> </p> <p> <input type="button" value="Comment" onClick="validateForm();"> </p> </form></center> <div id="maindiv" style="width:1000px; height:auto; overflow:hidden; background-color:white; margin-left:auto; margin-right:auto; border:1px #000 solid"> <div class="newAdd">1111111111111111111</div> <div class="newAdd">2222222222222222222</div> </div> </body> </html> -
Обработка формы и вывод на стороне браузера средствами DHTML
redzerg replied to redzerg's question in JavaScript
ето не сайт ето просто тестовая страница надо вот такую штуку для теста написать Заполнил - Нажал Sumbmit - Пошла проверка или все ОК - Если все ОК создается новый DIV и в него выводит значение поля Comment и добавляет на страницу без перезагрузки -
Обработка формы и вывод на стороне браузера средствами DHTML
redzerg replied to redzerg's question in JavaScript
все примеры что я нашел все связаны с php и обработкой через сервер Пожалуйста Авалончег напиши пример функции а то мне через час идти на тестирование а я не могу понять это го ) -
Обработка формы и вывод на стороне браузера средствами DHTML
redzerg replied to redzerg's question in JavaScript
Да только добавить и чтобы его вывело Пожалуйста помоги с JS - не могу понять как это сделать -
Обработка формы и вывод на стороне браузера средствами DHTML
redzerg posted a question in JavaScript
Задача: "Доска пожеланий" Написать HTML страницу и сценарий на JavaScript для управления доской пожеланий. Доска должна содержать форму для добавления нового пожелания и перечень существующих пожеланий. задача: 1. Перед добавлением пожелания проверить корректность полей. ? Имя - только буквы, минимум 3 символа ? Поле e-mail обязательное и соответствует правилам записи электронной mail адрес ? Пожелания является обязательным для заполнения. 2. В случае если данные введены некорректно, отображать сообщения о правилах заполнения полей. 3. Добавление пожелания реализуются на стороне браузера средствами DHTML. 4. Новое пожелания отображается первым вверху. 5. Пожелания отражаются в три колонки. 6. Расположение и отображения элементов задается стилями CSS. Помогите пожалуйста с Пунктом 3 Приложил свой код Заранее Спасибо <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>My Page</title> <script type="text/javascript"> function validateForm() { if(document.getElementById("name").value == "") { alert("Fill in your name"); return false; } if(document.getElementById("name").value.length < 3) { alert("Your name too short"); return false; } if(document.getElementById("name").value.length > 15) { alert("Your name too long"); return false; } if(document.getElementById("email").value.indexOf("@") == -1) { alert("Bad E-mail"); return false; } if(document.getElementById("email").value.lastIndexOf(".") < document.getElementById("email").value.indexOf("@")+2) { alert("Bad E-mail 1"); return false; } if(document.getElementById("comment").value == "") { alert("Comment Empty"); return false; } if(document.getElementById("comment").value.length < 15) { alert("Comment to short"); return false; } if(document.getElementById("comment").value.length > 120) { alert("Comment to long(Max 120 Symbols)"); return false; } else { var newDiv = document.createElement('div'); div.className = 'newAdd'; var divList = document.getElementById('maindiv'); var firstDiv= divList.getElementsByTagName('div')[0]; newDiv.InnerHTML = document.getElementById('name').value; divList.insertBefore(newDiv , firstDiv); return true; } } </script> <style type="text/css"> .newAdd {width:20%; height:100px; margin-left:10%; margin-top:10px; margin-bottom:10px; float:left; border:1px #000 solid; text-align:center} </style> </head> <body style="background-color:grey;"> <center><form name="form1" onsubmit="return validateForm();" method="post" style="margin-top:25px;"> <label for='mail'>Name*</label> <p> <input type="text" name="name" id="name"> </p> <label for='mail'>E-mail*</label> <p> <input type="text" name="email" id="email"> </p> <label for='mail'>Comment*</label> <p> <textarea name="comment" id="comment" cols="40" rows="3" maxlength="120"></textarea> </p> <p> <input type="submit" value="Submit"> </p> </form></center> <div id="maindiv" style="width:1000px; height:auto; overflow:hidden; background-color:white; margin-left:auto; margin-right:auto; border:1px #000 solid"> <div class="newAdd">1111111111111111111</div> <div class="newAdd">2222222222222222222</div> </div> </body> </html>