Question

我做的表单提交是通过jquery ajax进行的无刷新提交,一个页面有多个表单,我想知道这种表单如何进行验证

我做的表单提交是通过jquery ajax进行的无刷新提交,一个页面有多个这样的表单,我想知道这种表单如何进行表单验证,提交表单不是通过form提交的,页面没有submit提交按钮,提交按钮是一个连接,调用onclick方法,现在做多个表单的无刷新提交验证不知道怎么做,求高手帮忙解答,最好能够详细有例子,谢谢

Answer 1

有两种方法：一种是用jquery的表单验证插件对表单进行验证。
第二种就是自己实现的 ，jquery中有一个.serializeArray()的方法，方法的作用：将用作提交的表单元素的值编译成拥有name和value对象组成的数组。例如[
{
name: a
value: 1
},
{
name: b
value: 2
},...]，用法超级简单 $('form').serializeArray() 然后接收这个返回值就成了，里面的数据就按照正常的 表单验证方式验证就行了。
有不明白的地方可以追问。望采纳。。。

追问

　　我的表单没有form标签,也没有submitt提交按钮,.我提交的表单是通过jquery ajax无刷新提交的,
　　我知道jquery validate验证是对form表单进行验证的但是对于我这样的表单我不太清楚如何实现,还有你说的$('form').serializeArray()也不是太懂,能加QQ聊吗?我想把代码发给你看看,请你帮忙解决下,谢谢.我的QQ79176082

Answer 2

@model HCP.Data.Model.News
@using (Ajax.BeginForm("ComManger", null, new AjaxOptions()
{
OnBegin = "",
OnSuccess = "addSuccess"
}, new
{
@class = "form-horizontal"
}))
{
<label class="control-label" for="form-field-1">图片标题:</label>
<div class="controls">
@Html.TextBoxFor(e => e.Newstitle, new Dictionary<string, object>()
{

})
</div>
}单个可以这样做
多个我是用的 jq ajax提交。 你可以试用下写多个@using (Ajax.BeginForm("ComManger", null, new AjaxOptions()
beginform就是提交到的action 里面的方法。传入的参数就是你在html里面绑定的实体类
在这里一个页面只能有一个model实体类。 你可以另外创建一个实体类 进行绑定。然后再后台不同方法获取不同数据进行操作。

Answer 3

提交前验证的，在onclick方法里面，这是前台格式验证；数据的验证是在后台程序实现的。

Answer 4

单击事件提交ajax 对象.open(get,Servlet?传值)在servlet中获取值在参数传递通过dao类写方法调用判断返回值就知道是不是成功了。很简单的

追问

我需要的是客户端的表单验证，例如像jquery验证插件实现的form提交的验证一样，但是我的表单是ajax提交，不是form提交，我现在想知道ajax提交表单之前如何进行表单验证！

我需要的是客户端的表单验证，例如像jquery验证插件实现的form提交的验证一样，但是我的表单是ajax提交，不是form提交，我现在想知道ajax提交表单之前如何进行表单验证！