Javascript 在使用PHP发布表单数据之前,我需要使用JQuery验证表单数据
这是我用Javascript 在使用PHP发布表单数据之前,我需要使用JQuery验证表单数据,javascript,php,jquery,html,twitter-bootstrap,Javascript,Php,Jquery,Html,Twitter Bootstrap,这是我用HTML和Bootstrap <div class="col-sm-7 slideanim"> <form id="frm-post-comment" name="frm-post-comment" method="post" action="#"> <input type="hidden" name="the-comment" value="true"> <div class="row"> <div
HTML
和Bootstrap
<div class="col-sm-7 slideanim">
<form id="frm-post-comment" name="frm-post-comment" method="post" action="#">
<input type="hidden" name="the-comment" value="true">
<div class="row">
<div class="col-sm-6 form-group">
<input class="form-control" name="name" placeholder="Name" type="text">
</div>
<div class="col-sm-6 form-group">
<input class="form-control" name="email" placeholder="Email" type="email">
</div>
</div>
<textarea class="form-control" name="comments" placeholder="Comment" rows="5"></textarea>
<br>
<div class="row">
<div class="col-sm-12 form-group">
<button id="comment-post" class="btn btn-info pull-right" type="submit">Send</button>
</div>
</div>
</form>
</div>
我有一个引导警报控件
,它最初是使用CSS
隐藏的。如果用户输入中有错误,我将显示警报控件并向其添加相关类。如果没有错误,我想删除前一个类并向警报控件添加一个success类
,然后我想提交输入并使用PHP
将数据添加到数据库中
$connection = mysql_connect('localhost', 'root', 'root');
if ($connection) {
if ($_POST["name"] != "" ||
$_POST["email"] != "" ||
$_POST["comments"] != "") {
mysql_select_db("smart_hustle_comments") or die("could not select table ".mysql_error());
$name = $_POST["name"];
$email = $_POST["email"];
$comment = $_POST["comments"];
$sql = "INSERT INTO user_comments VALUES('$name','$email','$comment')";
$query = mysql_query($sql);
}
}
控制台和PHP上都没有错误,表单提交了,但没有执行JQuery
验证,请帮助。您的JQuery验证被跳过,因为您在提交表单的同时进行了验证。
将按钮类型更改为按钮
类型,改为提交
,验证成功后使用$(“#frm post comment”).submit()代码>应用表单。我意识到我在JQuery中使用的是id标记,但我的HTML中没有输入id,即使在HTML输入上有id,它也不起作用,我尝试使用带有id的隐藏控件,该控件将指向使用PHP的输入控件,如Changetype=“button”
和使用event.preventDefault()
在提交建议()之前代码>在中单击
。如果验证成功,则执行$(“#frm post comment”).submit()代码>我应该在哪里使用$(“#frm post comment”).submit();?,在按钮或document.ready()?@Ambrose上的点击事件中,在成功验证后,在本例中,在last else语句中,我认为我已经修改了脚本,但它没有将数据插入数据库,而是在url()上带来了以下值对,但是我在用邮局method@Ambrosejquery只需将数据传递到服务器(在您的情况下通过post),尝试使用var_dump($_post)转储post数据;模具();如果我在PHP中使用了var_dump函数,它将返回以下数组(4){[“注释”]=>string(4)“true”[“name”]=>string(0)”[“email”]=>string(0)”“[“注释”]=>string(0)
$connection = mysql_connect('localhost', 'root', 'root');
if ($connection) {
if ($_POST["name"] != "" ||
$_POST["email"] != "" ||
$_POST["comments"] != "") {
mysql_select_db("smart_hustle_comments") or die("could not select table ".mysql_error());
$name = $_POST["name"];
$email = $_POST["email"];
$comment = $_POST["comments"];
$sql = "INSERT INTO user_comments VALUES('$name','$email','$comment')";
$query = mysql_query($sql);
}
}