Javascript 使用parsley.js进行验证,无需使用提交按钮

Javascript 使用parsley.js进行验证,无需使用提交按钮,javascript,jquery,validation,parsley.js,Javascript,Jquery,Validation,Parsley.js,我想使用parsley.js的所有内置功能,它只是在标记中指定“required”,如: <asp:DropDownList ID="ddlmyid" runat="server" required> 显示它用“表单”注册它。不知道为什么会这样,但确实如此 然后我对欧芹使用了这个非常基本的验证,并从上面提到的站点稍微更改了功能 <script type="text/javascript"> function customValidation() { $('form'

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

<asp:DropDownList ID="ddlmyid" runat="server" required>
显示它用“表单”注册它。不知道为什么会这样,但确实如此

  • 然后我对欧芹使用了这个非常基本的验证,并从上面提到的站点稍微更改了功能

    <script type="text/javascript">
    function customValidation() {
    
    
    $('form').parsley();
    
    
    if (!($('form').parsley().validate())) {
    
        alert("form is not valid2");
    
    }
    else {
        alert("form is valid2");
    }
    
    }
    </script>
    
    
    函数customValidation(){
    $('form')。欧芹();
    如果(!($('form').parsley().validate()){
    警告(“表格无效2”);
    }
    否则{
    警告(“表格有效2”);
    }
    }
    
  • 验证在字段下面给出一条错误消息但我想使用更好的内置弹出消息…有人知道我怎么做吗?


  • 我从未使用过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>
    
    
    函数validateForm(){
    //parsley.js在其文档中具有此功能
    //如果无效,它将阻止提交
    验证(组、部队)
    }
    
    我认为弹出的错误消息是从基本jquery库生成的,而不是从parsley生成的。似乎一旦您进行了任何类型的自定义,您就会被默认错误消息卡住,或者在div部分的其他位置显示它。
    <script type="text/javascript">
    function validateForm(){
      // parsley.js has this function from their docs
      // it prevents submission if not valid
      validate(group, force)
    
    }
    
    </script>