jQuery验证器插件,不使用表单

时间:2009-06-25 23:44:36

标签: jquery asp.net jquery-validate

我有多个部分是asp.net,它在chunk中提交数据,我想使用jquery验证插件,但问题是asp.net包装了表格中的所有内容,并且子表单不是正确的,技术上不正确。

所以唯一的选择就是忘记表单并实现div的验证。但我看到的所有相同的都是使用表格。由于不擅长jquery,我无法弄清楚如何在页面部分(On div)上使用此验证器。

有可能吗?或任何其他好的选择?

来源: http://bassistance.de/jquery-plugins/jquery-plugin-validation/

3 个答案:

答案 0 :(得分:1)

我正在使用您在上面提到的bassistance jquery插件,并且它不需要表单submmission来进行验证。它只是在“on blur”事件触发后验证。

或者如果您想手动验证,可以调用:$("#commentForm").validate(); (请参阅此文档页面[http://docs.jquery.com/Plugins/Validation][1]

答案 1 :(得分:1)

在我的一个页面中,我有一个div,它通过Java和Ajax进行反馈。在提交之前,我使用.validate()。element(“#myelement”);验证各个字段。我在javascript中完成所有操作,并且完全不依赖于内置的自动asp控件。

我不想这么说,但那个全局形式问题是你真正的问题。它可能不是一个选项,但如果是,请看看切换到asp.net MVC。

答案 2 :(得分:0)

就像nightingale2k1所说的那样,你应该可以使用这个插件就好了。这是一个使用DIV的快速示例:

<div id="pseudoForm">
  <input type="text" name="first_name"/>
  <input type="text" name="last_name"/>
</div>
<script type="text/javascript">
  $("#pseudoForm").validate({
    onfocusout:true,
    rules:{
      first_name:"required",
      last_name:"required"
    });
</script>

注意我是如何使用“onfocusout:true”的,这将使插件在用户取消选择任一元素时进行验证。您需要使用类似的东西,或者连接您自己的事件(可能是为了响应按下按钮)以触发验证,因为正常触发器(onSubmit)不适用于DIV。