我想要一个在表单提交时使用 jquery 进行验证的表单,并且在发出 jquery 通知的同时,它还应该将内容提交到 MySQL 数据库。我已经编写了 PHP 代码,用于将表单数据提交到数据库并使用 jquery 验证表单,但它不起作用:
$(document).ready(function() {
$("#form").validate({
rules: {
name: "required",
email: {
required: true,
email: true
},
},
messages: {
name: "Please enter your first name",
email: "Please enter a valid email address",
}
});
});
#form .formelement
{
display: inline-block;
padding: 8px 10px;
width: 340px;
}
#form .formelement label,textarea {
float: left;
text-align: left;
width: 110px;
}
#form .submit {
padding: 10px;
width: 220px;
height: 40px;
}
#form .formelement label.error {
color: red;
display: inline-block;
margin: 4px 0 10px 100px;
padding: 0;
text-align: left;
width: 220px;
}
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8"/ >
<link rel="stylesheet" type="text/css" href="style.css" />
<script src="form_valid.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<script src="http://ajax.aspnetcdn.com/ajax/jquery.validate/1.9/jquery.validate.min.js"></script>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>
<body>
<div class="maincontent">
<div class="content1">
<article class="topcontent">
<form action="" id="form" >
<center><legend><h1> Enter Your Details </h1></legend>
<div class="formelement">
<label for="name">Name: </label>
<input type="text" name="name" id="name"/>
</div>
<div class="formelement">
<label for="email">Email-ID: </label>
<input type="text" name="email" id="email" />
</div>
<div class="formelement">
<label for="bio">Your Message: </label>
<textarea rows="3" cols="60" name="bio" id="bio"></textarea>
</div>
<div class="formelement">
<input type="submit" value="SUBMIT" class="submit"/>
</div>
</form>
</article>
</div>
</div>
</body>
</html>
最佳答案
<input type="email" name="email" required>
会让浏览器检查电子邮件中的简单内容,如果格式不正确则不会提交,您将其提交到哪里?看不清它要去的地方。您遇到什么错误?
关于php - 使用 jquery 验证表单并使用 jquery 中的 php 提交(if form.valid(),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/26454819/