Warning: file_get_contents(/data/phpspider/zhask/data//catemap/6/codeigniter/3.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript Jquery jqx验证无法正常工作_Javascript_Jquery_Validation_Webforms - Fatal编程技术网

Javascript Jquery jqx验证无法正常工作

Javascript Jquery jqx验证无法正常工作,javascript,jquery,validation,webforms,Javascript,Jquery,Validation,Webforms,我使用jqx-jquery插件和小部件在RubyonRails应用程序中进行简单的表单验证 最简单的html表单示例: <form id="newForm"> <input type="text" id="name"/> </form> 一般来说,验证工作正常,除了onError属性-此处理程序不会对keyup和blur事件做出反应(不会出现警报窗口)。问题已解决: $(document).ready( function() {

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

最简单的html表单示例:

<form id="newForm">
   <input type="text" id="name"/>        
</form>
一般来说,验证工作正常,除了onError属性-此处理程序不会对keyupblur事件做出反应(不会出现警报窗口)。

问题已解决:

$(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'); 
  });

});
$(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'); 
  });

});