javascript - JQuery 要求添加新字段

Question

我有一个表单，允许用户添加其他电子邮件输入字段。我想让这些新字段成为必需的。原来的单个电子邮件字段按预期运行，但新的则不然。我尝试过两种方法但没有成功。 HTML

<form action="/(S(e5sipzkzq4cbahmey3c2f0xs))/Import/PostEmail" id="EmailForm" method="post" >     <fieldset>
        <legend>EmailViewModel</legend>
        <p>
            <input type="email" name="EmailAddresses" value=" " class="email" required="required" />
            <span class="btn_orange"><a href="#" class="remove_field">x</a></span>
        </p>
        <p>
            <span class="btn_orange"><a class="add_email_button" href="#">Add Another Email</a></span>
        </p>
        <p>
            <span class="btn_orange"><a type="submit" id="SendEmail_Button">Send Email</a></span>
        </p>
    </fieldset>
</form>

添加新输入:

$('.add_email_button').closest('p').click(function() {
            var html = '<p><input type="email" required="required" name="EmailAddresses" /><span class="btn_orange"><a href="#" class="remove_field">x</a></span></p>';
            $(html).insertBefore($(this));
        });

方法 1:

$('body').on('click', 'span', function() {
    $('input').each(function() {
        $(this).attr('required', 'required');
    });
});

方法 2:

  $('#SendEmail_Button').closest('span').click(function () {
        $('input').each(function() {
            $(this).attr('required', 'required');
        });
        $('#EmailForm').submit();
    });

方法3

$('#SendEmail_Button').closest('span').click(function() {
            if ($('#EmailForm').valid()) {
                $.post('@Url.Action("PostEmail")', $("#EmailForm").serialize());
            history.go(-1);}
        });

Answer 1

尝试此操作并定位用户添加的新输入字段来代替输入(使用类，更具体)。

$('body').on('focus', '.inputClass', function() {
    $(this).attr('required', 'required');
});

http://jsfiddle.net/qa0ry2fk/3/