jQuery通過電子郵件驗證多個輸入

Question

我有一個表格，要求用戶輸入電子郵件地址以發送自動電子郵件。 我設置了電子郵件輸入為必填項，並檢查了有效的電子郵件，但它似乎僅對第一個有效。 我在這里做錯了什么？

 <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/

Answer 1

將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" 。

Answer 2

如果您想獲得多個文本框來插入電子郵件，例如

<ul>
  <li>
    <input id="emailcheck" type="text" placeholder="Email" name="ToEmails[0]" required />
    <input id="emailcheck" type="text" placeholder="Email" name="ToEmails[1]" required />
    <input id="emailcheck" type="text" placeholder="Email" name="ToEmails[2]" required />
  </li>
</ul>

現在，我們將從文本框中獲取所有電子郵件地址。

var email = $('input[name^=ToEmails]');  
console.log(email);