2015-07-21 77 views
0

我正在尋找一個簡單的AJAX表單來分析電子郵件列表(通過粘貼textarea或csv文件上傳),並在驗證它們後將它們導入MYSQL。下面是我的形式HTML:AJAX PHP文件上傳和解析示例

<form id="form_parser" class="stylized"> 
       <div style="margin-bottom: 12px;"> 
        <h4>Select Software ID:</h4> 
        <select id="selectSoftID" name="selectSoftUnlock"> 
     <option value="190">Putty</option><option value="356">FileZilla</option>      </select> 
       </div> 

       <div style="margin-bottom: 12px;"> 
        <h4>Upload Text/CSV File:</h4> 
        <input name="fileEmails" type="file" id="inputFileEmails"> 
        <input type="submit" class="button submit" value=""> 
       </div> 

       <div> 
        <h4>Paste in Emails:</h4> 
        <div style="font-size: 12px; margin: -5px 0 6px;">(comma- or line-separated)</div> 
       </div> 
       <div class="textarea" style="margin-bottom: 4px;"><textarea name="txtEmails"></textarea></div> 
       <input type="submit" class="button submit" value="" id="btnSubmitTxtEmails"> 

      </form> 

我想知道是否有人知道一個例子在線或能提供這種類型的東西一定的幫助。我很想爲AJAX響應提醒用戶導入了多少封電子郵件。任何幫助或示例的鏈接將非常有幫助。謝謝!

+0

仍在尋找AJAX示例或幫助。非常感謝! – mgnade

回答

0

我認爲這可以在沒有AJAX調用的情況下完成。

點擊提交按鈕後,可以在下面的鏈接中用參數調用JavaScript函數作爲inputFileEmails的值。該功能用於驗證電子郵件地址。

現在,在提交按鈕中添加以下事件。

的onClick = 「checkEmail(的document.getElementById( 'inputFileEmails')值);」>

checkEmail功能可以在這裏找到:

http://code.activestate.com/recipes/578823-email-address-list-validation/

您可以修改此功能根據您的需要。

如果您需要AJAX調用:

以下鏈接展示瞭如何使用AJAX調用上傳的文件發送到您的目標網址。

http://portfolio.planetjon.ca/2014/01/26/submit-file-input-via-ajax-jquery-easy-way/

在上面的鏈接,

$阿賈克斯({

url: 'urlToValidateEmails.php', 
    type: 'POST', 
    data: new FormData(this), 
    processData: false, 
    contentType: false 
}); 

您可以執行某些功能,這裏面的Ajax和使用按鈕的onSubmit事件的形式調用該函數。或者你也可以使用jQuery來執行ajax調用(這也可以在上面的鏈接中找到)

這裏,我們使用FormData對象發送數據進行處理。您可以瞭解更多有關FORMDATA從以下鏈接:

https://developer.mozilla.org/en-US/docs/Web/API/FormData/Using_FormData_Objects

希望這有助於!

+0

我需要運行一些PHP的東西,所以我寧願做一個AJAX調用。我也不擔心驗證電子郵件地址 - 我有一個PHP功能來做到這一點。我真的只需要一個遍歷textarea或文件上傳的AJAX示例。 – mgnade