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