Jquery jqx验证无法正常工作答案

【问题标题】：Jquery jqx validation not works properlyJquery jqx验证无法正常工作
【发布时间】：2013-11-19 16:12:26
【问题描述】：

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

最简单的html表单示例：

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

现在，让我们考虑同样简单的 javascript sn-p，它执行验证：

$(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 事件作出反应（不出现警报窗口)。

【问题讨论】：

标签： javascript jquery validation webforms

【解决方案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'); 
  });

});

【讨论】：