Php 向JQuery验证错误消息添加CSS
我一直在整理我的第一个Ajax支持的表单(),最终目标是将表单数据发送到MySQL数据库。我对PHP和Javascript的经验很少,因此我选择了jQueryFormWizard作为我的选择。表单工作得很好,但是我还没有找到多少资源来帮助我编写“process.php”脚本Php 向JQuery验证错误消息添加CSS,php,mysql,ajax,forms,Php,Mysql,Ajax,Forms,我一直在整理我的第一个Ajax支持的表单(),最终目标是将表单数据发送到MySQL数据库。我对PHP和Javascript的经验很少,因此我选择了jQueryFormWizard作为我的选择。表单工作得很好,但是我还没有找到多少资源来帮助我编写“process.php”脚本 <div id="demoNavigation"> <input class="
<div id="demoNavigation">
<input class="navigation_button" id="back" value="Back" type="reset" />
<input class="navigation_button" id="next" value="Next" type="submit" />
</div>
</form>
默认情况下,表单当前返回一个字符串,例如item1=foo&item2=bar…,该字符串在提交时显示。我已经附上了下面的JS和process.php文件的要点,但不确定这两者是如何联系在一起的。提交按钮似乎根本没有指向脚本。表单有点长,但很简单,所以我只包含了一些。
非常感谢
<div id="demoNavigation">
<input class="navigation_button" id="back" value="Back" type="reset" />
<input class="navigation_button" id="next" value="Next" type="submit" />
</div>
</form>
迈克
<div id="demoNavigation">
<input class="navigation_button" id="back" value="Back" type="reset" />
<input class="navigation_button" id="next" value="Next" type="submit" />
</div>
</form>
HTML(代码片段)
<div id="demoNavigation">
<input class="navigation_button" id="back" value="Back" type="reset" />
<input class="navigation_button" id="next" value="Next" type="submit" />
</div>
</form>
制造商信息
Lorem ipsum dolor sit amet,是一位杰出的献身者。在非东部。奎斯克·希特·阿梅特·特卢斯·努拉,
埃吉特·穆尔斯蒂·维利特。莫比·达比·奥纳·普勒斯·埃吉特·尤里塞斯。在et massa ac diam vulputate拍卖行。
库拉比图尔·维利特·尼西,维利·苏西皮特·叶舌。不要告诉我毛里斯·奥纳雷·拉奥里特是谁。
<div id="demoNavigation">
<input class="navigation_button" id="back" value="Back" type="reset" />
<input class="navigation_button" id="next" value="Next" type="submit" />
</div>
</form>
制造商
网站
电子邮件
电话
提取
附加信息
…续
<div id="demoNavigation">
<input class="navigation_button" id="back" value="Back" type="reset" />
<input class="navigation_button" id="next" value="Next" type="submit" />
</div>
</form>
JS
<div id="demoNavigation">
<input class="navigation_button" id="back" value="Back" type="reset" />
<input class="navigation_button" id="next" value="Next" type="submit" />
</div>
</form>
$(function(){
$("#demoForm").formwizard({
formPluginEnabled: true,
validationEnabled: true,
focusFirstInput : true,
formOptions :{
type:'POST',
success: function(data){$("#status").fadeTo(5000,1,function(){ $(this).html("Product successfully submitted!").fadeTo(5000, 0); })},
beforeSubmit: function(data){$("#data").html("data sent to the server: " + $.param(data));},
dataType: 'json',
resetForm: true
},
validationOptions : {
rules: {
<!-- Manufacturer validation -->
manu_name: "required",
manu_email: {
email: true
},
},
messages: {
required: "This field is required.",
email: "Please enter a valid email address."
}
}
});
});
$(函数(){
$(“#演示”).formwizard({
FormPlugineEnabled:正确,
validationEnabled:正确,
focusFirstInput:true,
表格选项:{
类型:'POST',
成功:函数(数据){$(“#状态”).fadeTo(5000,1,函数(){$(this.html(“产品成功提交!”).fadeTo(5000,0);}),
beforeSubmit:function(data){$(“#data”).html(“发送到服务器的数据:+$.param(data));},
数据类型:“json”,
形式:正确
},
验证选项:{
规则:{
manu_名称:“必需”,
manu_电子邮件:{
电子邮件:真的
},
},
信息:{
必填:“此字段为必填字段。”,
电子邮件:“请输入有效的电子邮件地址。”
}
}
});
});
PHP(process form.PHP)
<div id="demoNavigation">
<input class="navigation_button" id="back" value="Back" type="reset" />
<input class="navigation_button" id="next" value="Next" type="submit" />
</div>
</form>
确保将HTML中的“form action=“path/to/process form.php”更改为表单所在的实际路径
<div id="demoNavigation">
<input class="navigation_button" id="back" value="Back" type="reset" />
<input class="navigation_button" id="next" value="Next" type="submit" />
</div>
</form>
mysqli_query($query,$con)应该是带有链接的mysqli_query($con,$query)。另外,为什么不直接使用mysql\u查询($query,$con)
<div id="demoNavigation">
<input class="navigation_button" id="back" value="Back" type="reset" />
<input class="navigation_button" id="next" value="Next" type="submit" />
</div>
</form>
似乎您正在使用大量不必要的代码来做一些简单的事情
<div id="demoNavigation">
<input class="navigation_button" id="back" value="Back" type="reset" />
<input class="navigation_button" id="next" value="Next" type="submit" />
</div>
</form>
将HTML和PHP放在一个.PHP文件中(确保PHP在大括号中),将表单操作更改为它自己的名称(提交给它自己),并去掉javascript
<div id="demoNavigation">
<input class="navigation_button" id="back" value="Back" type="reset" />
<input class="navigation_button" id="next" value="Next" type="submit" />
</div>
</form>
点击此处查看PHP表单验证:感谢@techjunkie的反馈。我只是更改了帖子的操作路径。如果删除javascript,我想我将失去表单所需的ajax功能,或者说javascript只是表单提交的功能?正如我所怀疑的,上面的javascript启动ajax并提供如何处理表单数据的选项。我的问题是发送插件已经正确输出的数据字符串并将其发送到数据库。我以为你说提交按钮不会提交表单?如果表单正常工作,并且信息不会发送到数据库,请尝试将“mysqli\u query”函数替换为“mysql\u query”函数。正如我上面所说,我相信“mysqli_query”函数是反向的,这也可能导致错误,请检查这里:。此外,使用错误处理程序可能会提供一些见解:……非常感谢,我想你是对的。我刚刚测试了一个没有formwizard功能的简单表单,它发送正确,我必须在PHP中的某个地方有语法错误。再次感谢。
<div id="demoNavigation">
<input class="navigation_button" id="back" value="Back" type="reset" />
<input class="navigation_button" id="next" value="Next" type="submit" />
</div>
</form>