[Juli174]

Есть код, который динамически добавляет текстовые поля. Нужно, чтобы после ввода данных и проверки валидации, текстовое поле преобразовывалось в <p/> или какой-то другой элемент, который выглядит на странице как label.
Код:

<script type="text/javascript">
                var idno = 2;
                function addNewElement() {
                    var mainDiv = document.getElementById('more_element_area');
                    var innerDiv = document.createElement('div');
                    innerDiv.setAttribute('id', 'divId' + idno);
                    var generatedContent = '<input type="text" name="new_element' + idno + '" id="new_element' + idno + '"value="This is my text box' + idno + '"/>&nbsp<a href ="javascript:void(0)" onclick="return removeThisElement(' + idno + ')">Remove This</a>';
                    innerDiv.innerHTML = generatedContent;
                    mainDiv.appendChild(innerDiv);
                    idno++;
                }
                function removeThisElement(idnum) {
                    var mainDiv = document.getElementById('more_element_area');
                    var innerDiv = document.getElementById('divId' + idnum);
                    mainDiv.removeChild(innerDiv);
                }
            </script>

<div id="more_element_area">
                <div>
                    <input type="text" name="new_element1" value="This is my text box 1" />
                </div>
            </div>
            <a href="javascript:void(0)" onclick="return addNewElement()">+ Add more text box</a>
        </div>