Question

我使用 jqx - jquery插件和小部件 - 在ruby-on-rails应用程序中进行简单的表单验证。

最简单的html表单示例：

<form id="newForm">
   <input type="text" id="name"/>        
</form>

现在，让我们考虑一下执行验证的简单javascript片段：

$(document).ready( function()
{      
  //Form input element as jqx input
  $("#name").jqxInput({ placeHolder: "Enter name"});

  //Form validation
  $("#newForm").jqxValidator(
  {
     hintType: 'label',         
     rules: [
              { 
               input: "#name", 
               message: "Name is required!", 
               action: "keyup, blur", 
               rule: "required"
              }
            ],
      onError: function () { alert('You havent filled the form correctly!'); }//this handler not works
  });
});

通常，验证工作正常，除了 onError 属性 - 此处理程序不会对 keyup 和 blur 事件做出反应（不会出现警告窗口））。

Answer 1

问题解决了：

$(document).ready( function()
{      
  //Form input element as jqx input
  $("#name").jqxInput({ placeHolder: "Enter name"});

  //Form validation
  $("#newForm").jqxValidator(
  {
     hintType: 'label',         
     rules: [
              { 
               input: "#name", 
               message: "Name is required!", 
               action: "keyup, blur", 
               rule: "required"
              }
            ],
      onError: function () { alert('You havent filled the form correctly!'); }
  });

  //Fire validation implicitly
  $("#name").bind("blur keyup", function()
  { 
    $('#newForm').jqxValidator('validate'); 
  });

});

Jquery jqx验证无法正常工作

1 个答案: