Jump to content

redzerg

Newbie
 View Profile  See their activity

  • Posts

    6

  • Joined

  • Last visited

redzerg's Achievements

Explorer

Explorer (1/14)

0

Reputation

  1. redzerg
    не работает
  2. redzerg
    Авалончек трудно понять из кусков кода пожалуйста перепиши под это что куда вставлять <!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>
  3. redzerg
    ето не сайт ето просто тестовая страница надо вот такую штуку для теста написать Заполнил - Нажал Sumbmit - Пошла проверка или все ОК - Если все ОК создается новый DIV и в него выводит значение поля Comment и добавляет на страницу без перезагрузки
  4. redzerg
    все примеры что я нашел все связаны с php и обработкой через сервер Пожалуйста Авалончег напиши пример функции а то мне через час идти на тестирование а я не могу понять это го )
  5. redzerg
    Да только добавить и чтобы его вывело Пожалуйста помоги с JS - не могу понять как это сделать
  6. redzerg
    Задача: "Доска пожеланий" Написать 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>
×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy

  I accept