使用parsley.js验证而无需使用提交按钮

时间:2014-10-15 18:10:51

标签: javascript jquery validation parsley.js

我想使用parsley.js的所有内置功能,它只是在标签中指定“required”,如:

<asp:DropDownList ID="ddlmyid" runat="server" required>

在您通常单击“提交”按钮并验证后,将进行验证。错误中有一条弹出消息我喜欢。

在我的表单上,我有一个调用服务器端功能的按钮:

<asp:LinkButton ID="btnSaveUpdate" runat="server" Text='Save' CommandName="SaveUp"
                            OnClick="SaveUpdate" Style="float: right;" />
  1. 验证表单然后调用服务器端函数将所有内容处理到数据库中的最佳方法是什么
  2. 如何将常规表单检查与此服务器端函数调用集成,而不必使用“提交”按钮?当我点击调用服务器功能的按钮时,我希望它验证整个表单。
  3. 我不想指定其他类型的错误消息,只需使用Parsley附带的默认值。我看到的一些例子必须用div重新指定消息。
  4. 在调用服务器端按钮事件之前,我是否可以使用虚拟提交按钮并调用onclick事件?不知道怎么做......

    感谢

    我正在寻找的部分解决方案:

    我正在尝试在SharePoint webpart中实现这一点,这会带来额外的挑战 1.使用Parsley注册表单 - 由于它位于具有母版页模板的SP Web部件中,因此有一个名为“aspnetForm”的主表单标记,所以删除了任何本地表单标记。但是,注册表单“aspnetForm”似乎没有太好用。    我甚至尝试指定clientmodeid =“static”,因此表单确实被删除,然后注册本地表单ID,但Parsley似乎也找不到。    最后,我找到了这个网站:http://vogtland.ws/markedwardvogt/?p=1142,显示它用“表单”注册它。不知道为什么会起作用,但确实如此。

    1. 然后我对欧芹使用这个非常基本的验证,并从上面提到的网站稍微改变一下这个功能。

      <script type="text/javascript">
      function customValidation() {
      
      
      $('form').parsley();
      
      
      if (!($('form').parsley().validate())) {
      
          alert("form is not valid2");
      
      }
      else {
          alert("form is valid2");
      }
      
      }
      </script>
      
    2. 验证会在字段下方显示错误消息。 但我想使用更好的内置弹出式消息...有谁知道我该怎么做?

1 个答案:

答案 0 :(得分:0)

我从未使用过parsley.js - 但他们必须提供一种手动执行验证的方法(而不是点击提交)。 OnClientClick属性可用于在服务器中调用ganything之前在javascript中调用函数;

<asp:LinkButton ID="btnSaveUpdate" runat="server" Text='Save' CommandName="SaveUp" 
         OnClientClick="validateForm();" OnClick="SaveUpdate" Style="float: right;" />

然后像

<script type="text/javascript">
function validateForm(){
  // parsley.js has this function from their docs
  // it prevents submission if not valid
  validate(group, force)

}

</script>