Форум программистов [Powered by Invision Power Board]

Код


<html>
<head>
    <title>Добавление полей в форму</title>
    
<script type="text/javascript">
var countOfFields = 1; // Текущее число полей
var a = 0; // Уникальное значение для атрибута name
var maxFieldLimit = 5; // Максимальное число возможных полей
function deleteField(a) {
    // Получаем доступ к ДИВу, содержащему поле
    var contDiv = a.parentNode;
    // Удаляем этот ДИВ из DOM-дерева
    contDiv.parentNode.removeChild(contDiv);
    // Уменьшаем значение текущего числа полей
    countOfFields--;
    // Возвращаем false, чтобы не было перехода по сслыке
    return false;
}
function addField() {
    // Проверяем не достигло ли число полей максимума
    if (countOfFields >= maxFieldLimit) {
        alert("ВСЕ");
        return false;
    }
    // Увеличиваем текущее значения числа полей
    countOfFields++;
    // Увеличиваем ID
    a++;
    // Создаем элемент ДИВ
    var div = document.createElement("div");
    // Добавляем HTML-контент с пом. свойства innerHTML
    div.innerHTML = "<input name=\"name" + a +"\" type=\"text\" /> <a onclick=\"return deleteField(this)\" href=\"#\">[X]</a>";
    // Добавляем новый узел в конец списка полей
    document.getElementById("parentId").appendChild(div);
    // Возвращаем false, чтобы не было перехода по сслыке
    return false;

}

function test2(form) {
  if (form.name_.value == "" ||  form.name_.value.indexOf('@', 0) == -1) 
        alert("Неверно введен адрес e-mail!");
  else alert("OK!");
}

</script>
</head>
<body>
<form  method="GET" action="#" name="form1">
<input type="submit" value="Послать на e-mail">
    <div id="parentId">
        <div><input name="name" type="text" />Фамилия
        <div><input name="name" type="text" />Имя

<div><input name="name_" type="text" />е-mail
<input type="button" name="button2" value="Проверка e-mail" onClick="test2(this.form)">
<a onclick="return addField()" href="#">Добавить еще поле E-mail</a></div>

Цитата(krundetz @ 5.6.2008, 15:56)

Все очень просто надо чтобы все ваши поля с e-mail имели бы одинаковые идентификаторы например класс "e-mail", далее вы их все находите у вас будет масив а затем пробегаете делая точно такуюже проверку как вы делаете сейчас.
Кстати ваш скрипт примет за e-mail и такую строку: k@k

Код


<input name="name_" type="text" />

Код


<input name="name_" type="text" class="e-mail"/>

Код


div.innerHTML = "<input name=\"name" + a +"\" type=\"text\" /> <a onclick=\"return deleteField(this)\" href=\"#\">[X]</a>";

Код


div.innerHTML = "<input name=\"name" + a +"\" type=\"text\"  class="e-mail"/> <a onclick=\"return deleteField(this)\" href=\"#\">[X]</a>";

Код


function test2(form) 
{
     elements = form.getElementByTagName('input');
     size = element.length;
     for(var i = 0; i < size; i++)
     {
          if(elements[i].getAttribute('class') == 'e-mail')
          {
               if (elements[i].value == "" || elements[i].value.indexOf('@', 0) == -1)
                      alert("Неверно введен адрес e-mail!");
               else alert("OK!");
          }
     }
}

Код


<html>
<head>
<script type="text/javascript">
var counter = 0;
function addDOM(ob) {
   var inp = document.createElement('input');
      ob.appendChild(inp);
        inp.setAttribute('name','dom'+(counter++));
        inp.setAttribute('type','text');
        inp.setAttribute('value','В порядке?');
}
function addInnerHTML(ob) {
   ob.innerHTML+='<input type="text" name="inner'+(counter++)+'" value="В порядке?" />';
}
</script>
</head>
<body>
<input value="HTML" type="button" onclick=alert(document.body.innerHTML)>
<form action="info.php">
    <input type="text" name="one" value="В порядке" />
    <input type="text" name="two" value="В порядке?" style="display:none" />
    <input type="button" value="Добавить через DOM" onclick="addDOM(this.form)" />
    <input type="button" value="Добавить через innerHTML" onclick="addInnerHTML(this.form)" />
    <input type="submit" />
</form>
</body>
</html>