Parsley表格未提交
Parsley form not submitting
我创建了一个表单,该表单使用Parsley.js进行验证,然后使用php提交。表单验证得很好,但没有提交到php页面:form_submission.php
演示表格可以在这里找到http://tanujd.com/demop/contact-form.html(我已经预先弹出了带有伪内容的表格,使其更容易测试)
使用的HTML是:
<form action="form_submission.php" id="contactform" method="post" data-validate="parsley">
<table width="200" border="0" cellspacing="0" cellpadding="0">
<tr class="name">
<td>
<label for="firstname">First Name*:</label>
<input type="text" id="firstname" name="firstname" data-trigger="change" required data-required="true" value="dummyfname" />
</td>
<td style="margin-left:10px;">
<label for="lastname">Last Name*:</label>
<input type="text" id="lastname" name="lastname" data-trigger="change" required data-required="true" value="dummylname" />
</td>
</tr>
<tr>
<td>
<label for="mobile">Mobile*</label>
<input type="text" id="mobile" name="mobile" data-type="phone" data-trigger="change" required data-required="true" value="+1123456789" />
</td>
</tr>
<tr>
<td>
<label for="email">Email* :</label>
<input type="text" id="email" name="email" data-type="email" data-trigger="change" required data-required="true" value="dummy@emailid.com" />
</td>
</tr>
<tr>
<td>
<label for="subject">Whats this about*:</label>
<select id="subject" name="subject" required="required" data-required="true">
<option value="1" selected="selected">Yey</option>
<option value="2">Yey1</option>
<option value="3">Yey2</option>
</select>
</td>
</tr>
<tr>
<tr>
<td>
<label for="category">Subject:</label>
<input type="text" id="category" name="category" value="Dummy Subject" />
</td>
</tr>
<tr>
<td>
<label for="message">Tell us about it*</label>
<textarea id="message" name="message" data-trigger="change" required data-required="true">Dummy Text</textarea>
</td>
</tr>
<tr>
<td>
<input type="hidden" id="formid" name="formid" value="contactusform" />
<input class="button" name="submit" type="button" value="submit" onClick="javascript:$('#contactform').parsley( 'validate' );" />
</td>
</tr>
</table>
</form>
页面中的PHP代码:form_submission.PHP(在线文件显然有我的正确电子邮件地址)
<?php
$formid = $_POST['formid'];
$email_to = "myemailaddress@goeshere.com";
$first_name = $_POST['firstname']; // required
$last_name = $_POST['lastname']; // required
$mobilenum = $_POST['mobile'];
$email_from = $_POST['email']; // required
$email_subject = "Website Contact Form Submission: ". $_POST['subject'];
$subject = $_POST['subject'];
//$categoryselect = $_POST('category').value();
$message = $_POST['message']; // required
echo($email_from);
$email_message = "Submission details below.'n'n";
$email_message .= "First Name: ".clean_string($first_name)."'n";
$email_message .= "Last Name: ".clean_string($last_name)."'n";
$email_message .= "Mobile: ".clean_string($telephone)."'n";
$email_message .= "Email: ".clean_string($email_from)."'n";
$email_message .= "Whats this about: ".clean_string($subject)."'n";
$email_message .= "Category: ".clean_string($category)."'n";
$email_message .= "Comments: ".clean_string($comments)."'n";
$email_message = wordwrap($email_message, 70, "'r'n");
$headers = 'From: '.$email_from."'r'n".
'Reply-To: '.$email_from."'r'n" .
'X-Mailer: PHP/' . phpversion();
mail($email_to, $email_subject, $email_message,$headers) or die("Error!");
echo "Thank you for contacting us. We will be in touch with you very soon. 'r'n";
?>
该页面验证良好,但它不会转到PHP页面并提交表单。如果我按原样加载php页面,它会给我发一条空白消息(所以基本上php表单提交者正在工作)
知道我该怎么解决这个问题吗?
将type="button"更改为type="submit"
写入
<input class="button" name="submit" type="submit" value="submit" onClick="javascript:$('#contactform').parsley( 'validate' );" />
而不是
<input class="button" name="submit" type="button" value="submit" onClick="javascript:$('#contactform').parsley( 'validate' );" />
相关文章:
- 是否可以使用动作=“;someFunction()"提交表格时
- 在提交过程中使用同步确认灯箱提交表格
- 在提交未提交表格时替换Div
- 返回假后提交表格
- NG模型在提交表格时未注册
- 提交表格前检查条款和条件
- 可以'不要在express/angular应用程序上提交表格
- return false dos't禁止提交表格
- 使用Greasemonkey提交表格
- 使用AngularJS在视图中预先填写并提交表格
- 在提交表格之前,请检查是否填写了重述2
- 提交表格后留下的表格
- 避免在按下“”时提交表格;输入“;按钮
- 在提交表格时IE8赢得了't将来自输入的属性以外的属性添加到请求中
- 为什么这个代码显示异常行为?(未提交表格)
- 为什么这不足以防止重复提交表格
- 点击链接提交表格并发送到多个电子邮件 ID
- Phonegap Camera API (iOS) 提交表格
- 验证通过后提交表格
- 提交表格后在同一页面上统计