KuntalBose Ответов: 1

Проверка формы динамический созданный элемент не работает

У меня есть несколько полей (созданных динамически) на странице, и я пытаюсь каждый элемент формы отправить .Ниже приведен пример кода, только поле txtage validate, txtName не validating .Есть ли возможность проверить каждое поле с помощью приведенного ниже кода?

Что я уже пробовал:

<!DOCTYPE html>

<html>
<head>
    <meta name="viewport" content="width=device-width" />
    <title>Index</title>
    <script>
        function txtName_FormValidation() {
            document.getElementById('entryForm').onsubmit = function (e) {
                if (document.getElementById('txtName').value.length <= 0) {
                    alert(1)
                    document.getElementById('span_txtName').innerHTML = 'Please Enter Name.'
                    return false;
                };
            }
        }
        function txtAge_FormValidation() {
            document.getElementById('entryForm').onsubmit = function (e) {
                if (document.getElementById('txtAge').value.length <= 0) {
                    alert(2)
                    document.getElementById('span_txtAge').innerHTML = 'Please Enter Age.'
                    return false;
                };
            }
        }
    </script>
</head>
<body onload="txtName_FormValidation(); txtAge_FormValidation()">
    <form id="entryForm">
        <input type="text" id="txtName" />
        <span id="span_txtName"></span>
        <br />
        <input type="text" id="txtAge" />
        <span id="span_txtAge"></span>
        <br />
        <button type="submit" value="Sebmit">Submit</button>
    </form>
</body>
</html>

1 Ответов

Рейтинг:
2

Karthik_Mahalingam

пробовать

<!DOCTYPE html>

<html>
<head>
    <meta name="viewport" content="width=device-width" />
    <title>Index</title>
    <script>
        function formValidation() {
            document.getElementById('entryForm').onsubmit = function (e) {
                debugger
                var span_txtName = document.getElementById('span_txtName');
                var span_txtAge = document.getElementById('span_txtAge');
                span_txtName.innerHTML = ''
                span_txtAge.innerHTML = ''

                var isValid = true;
                if (document.getElementById('txtName').value.length == 0) {
                    span_txtName.innerHTML = 'Please Enter Name.'
                    isValid = false;
                }
                if (document.getElementById('txtAge').value.length == 0) {
                    span_txtAge.innerHTML = 'Please Enter Age.'
                    isValid = false;
                };
                return isValid;
            }
        }
    </script>
</head>
<body onload="formValidation()">
    <form id="entryForm">
        <input type="text" id="txtName" />
        <span id="span_txtName"></span>
        <br />
        <input type="text" id="txtAge" />
        <span id="span_txtAge"></span>
        <br />
        <button type="submit" value="Sebmit">Submit</button>
    </form>
</body>
</html>