javascript – Jquery使用电子邮件验证多个输入

2023年1月6日 243次阅读

我有一个表单,我要求用户输入要发送的自动电子邮件的电子邮件地址.我已经设置了所需的电子邮件输入并检查有效的电子邮件,但它似乎仅适用于第一个.我在这做错了什么？

 <form class="validate" method="post" id="formLoc">
        <div data-role="fieldcontain">
            <label for="email-from">from</label>
            <input type="text"   class="required email" id="email-from" placeholder="from" />
        </div>
        <div data-role="fieldcontain">
            <label for="email-to">to</label>
            <input type="text" id="email-to" class="required email"  placeholder="to" />
        </div>
        <div data-role="fieldcontain">
            <label for="email-message">message</label>
            <textarea id="email-message" cols="100" rows="40"></textarea>
        </div>
        <div class="email-sent">
            <h4></h4>
        </div>

        <div class="SendEmailButton">
            <button type="submit" data-role="button" data-icon="forward" data-inline="true"
                data-mini="true" data-theme="c">send</button>
        </div>

    </form>

这是一个问题的小提琴：http://jsfiddle.net/bobby5193/8dHg9/544/

最佳答案 将name属性添加到两个输入字段.

<input type="text" name="email-from" class="required email" id="email-from" placeholder="from" />
<input type="text" name="email-to" id="email-to" class="required email" placeholder="to" />
<textarea name="email-message" id="email-message" cols="100" rows="40" class="required"></textarea>

这是一个jsFiddle

更新

这是一个更新的jsFiddle,它在textarea上有验证.我添加了name属性和class =“required”.

点赞