我希望采用一个简单的AJAX表单来解析电子邮件列表(通过粘贴在textarea或csv文件上传中),并在验证它们后将它们导入MYSQL。这是我的表单的HTML:
<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 :(得分:0)
我认为这可以在没有AJAX调用的情况下完成。
单击提交按钮时,使用参数作为inputFileEmails的值调用以下链接中提供的JavaScript函数。此功能用于验证电子邮件地址。
现在,在提交按钮中添加以下事件。
的onClick =&#34; checkEmail(的document.getElementById(&#39; inputFileEmails&#39;)值。);&#34;&GT;
checkEmail功能在这里可用:
您可以根据需要修改此功能。
如果您需要AJAX通话:
以下链接显示了如何使用AJAX调用将上传的文件发送到目标网址。
http://code.activestate.com/recipes/578823-email-address-list-validation/
在上面的链接中,
$ .ajax({
url: 'urlToValidateEmails.php',
type: 'POST',
data: new FormData( this ),
processData: false,
contentType: false
} );
您可以在某个函数中执行此ajax,并使用表单中的onSubmit事件来调用该函数。或者你也可以使用jQuery来执行ajax调用(也可以在上面的链接中找到)。
这里,我们使用FormData Object发送数据进行处理。您可以从以下链接了解有关FormData的更多信息:
http://portfolio.planetjon.ca/2014/01/26/submit-file-input-via-ajax-jquery-easy-way/
希望这有帮助!