我在我的表单中使用jQuery验证 http://jqueryvalidation.org/documentation/
我想将验证添加到我的所有字段,但我想忽略具有类"my_item"的隐藏div.
所以这是我的Jquery:
$("#myform").validate({
ignore: ":hidden"
});
Run Code Online (Sandbox Code Playgroud)
如何从这个忽略的情况中排除具有类my_item的div.所以像div.
提前致谢
我正在尝试使用带有jQuery Validation插件的自定义验证器.但是,我不确定你应该如何将多个参数传递给验证方法?我尝试过使用(2,3)花括号和组合,但是我失败了.
这是代码 - ???? 标记我需要的信息区域:
$(document).ready(function() {
jQuery.validator.addMethod("math", function(value, element, params) {
return this.optional(element) || value == params[0] + params[1];
}, jQuery.format("Please enter the correct value for {0} + {1}"));
$("#form_register").validate({
debug: true,
rules: {
inputEl: { required: true, math: ???? }
},
messages: {
inputEl: { required: "Required", math: "Incorrect result" }
}
});
});
Run Code Online (Sandbox Code Playgroud) 我在MVC3项目的页面上有一些动态插入的表单字段.通常我们会添加jQuery验证服务器端,但在这种情况下我们不能(UI中的多个字段生成一个隐藏字段的值 - 这就是提交的内容.我们无法验证隐藏字段,所以我们必须为用户可以看到的字段添加仅UI验证)
将字段动态添加到页面后,我在容器上运行以下代码:
$container.find(".date").rules("add", {
required: true,
messages: {
required: "The date is required"
}
});
Run Code Online (Sandbox Code Playgroud)
但它不起作用!奇怪的是,禁用上面的代码,创建动态元素,然后在浏览器JS控制台中运行代码,但只显示默认验证消息.
我不知所措.有任何想法吗?
我正在使用jQuery Validation 1.9.0和不引人注目的插件
我正在使用此处的验证插件.我正在尝试强制用户在下拉列表中选择一个选项,所以这是我的html列表:
Select the best option<br/>
<select name="dd1" id="dd1">
<option value="none">None</option>
<option value="o1">option 1</option>
<option value="o2">option 2</option>
<option value="o3">option 3</option>
</select> <br/><br/>?
Run Code Online (Sandbox Code Playgroud)
这是jquery验证的东西:
$("#everything").validate({
onsubmit: true,
rules: {
dd1: {
required: {
depends: function(element) {
return $("#dd1").val() == "none";
}
}
},
messages: {
dd1: {
required: "Please select an option from the list, if none are appropriate please select 'Other'",
},
}
});
Run Code Online (Sandbox Code Playgroud)
我没有看到任何问题,但即使我从下拉列表中选择none并单击submit,它也不会验证它,因此不会显示任何消息.谁能告诉我我做错了什么?
假设我有一个自定义AddMethod到jQuery Validate,如:
$.validator.addMethod('min-length', function (val, element) {
// do stuff
// the error message here needs to be dynamic
}, 'The field cannot be less than than '
+ element.attr('data-min') + // it is within the closure, but it can't grab it
' length.');
Run Code Online (Sandbox Code Playgroud)
我无法找到一种方法来获取有问题的元素变量,并从中获取任何值.我在这里错过了什么?
<script type="text/javascript">
<!--
$(document).ready(function() {
$("#form1").validate({
rules: {
budget: {
required: true,
minlength:3
} ,
duration: {
required: true,
digits:true
},
town: {
required: true,
minlength:2
},
content: {
required: true,
minlength:300
}
},
messages: {
}
});
});
-->
</script>
Run Code Online (Sandbox Code Playgroud)
包含两个jquery文件.
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
<script type="text/javascript" src="../common/jquery.validate.js"></script>
Run Code Online (Sandbox Code Playgroud)
被包含在内.包含没有错.
我收到了一条错误消息
$("#form1").验证不是函数有什么问题?
使用以下表单的jQuery Validation插件:
<form id="information" method="post" action="#">
<fieldset>
<legend>Please enter your contact details</legend>
<span id="invalid-name"></span>
<div id="id">
<label for="name">Name: (*)</label>
<input type="text" id="name" class="details" name="name" maxlength="50" />
</div>
<span id="invalid-email"></span>
<div id="id">
<label for="email">Email: (*)</label>
<input type="text" id="email" class="details" name="email" maxlength="50" />
</div>
</fieldset>
<fieldset>
<legend>Write your question here (*)</legend>
<span id="invalid-text"></span>
<textarea id="text" name="text" rows="8" cols="8"></textarea>
<div id="submission">
<input type="submit" id="submit" value="Send" name="send"/>
</div>
<p class="required">(*) Required</p>
</fieldset>
</form>
Run Code Online (Sandbox Code Playgroud)
如何将错误放在span标签内?(#valid-name,#invalid-email,#invalid-text)
我阅读了有关错误放置的文档但我没有得到它的工作原理.是否可以处理每个错误并将其放在指定的元素中?
谢谢
我正在使用jquery进行表单验证.休息很好,除了确认密码字段.即使输入相同的密码,请输入相同的密码.没有删除.
我的脚本是:
<script type="text/javascript">
$(document).ready(function() {
$("#form1").validate({
rules: {
password: {
required: true, minlength: 5
},
c_password: {
required: true, equalTo: "#password", minlength: 5
},
email: {
required: true, email: true
},
phone: {
required: true, number: true, minlength: 7
},
url: {
url: true
},
description: {
required: true
},
gender: {
required: true
}
},
messages: {
description: "Please enter a short description.",
gender: "Please select your gender."
}
});
});
-->
</script>
Run Code Online (Sandbox Code Playgroud)
在表单标签内: …
假设我有一个查找城市,州位置的表单.如果用户输入了错误的城市,状态,我希望表单能够根据用户输入检查数据库,并查看输入是否有效.如果不是,我希望用户提示.
因此,表单Validate是我的插件.
$("#form").validate({
rules: {
citystate: {
required: true,
myCustomAjaxSyncronousCheckAgainstDBRule: true
}
submitHandler: function(form) {
if ($("#form").valid()) {
form.submit();
}
}
});
Run Code Online (Sandbox Code Playgroud)
现在说这个表单必须在我的网站的4个不同的地方使用,所以很难重构myCustomAjaxSyncronousCheckAgainsDBRule(伪名称btw)并在我的网站上有4次相同的代码.这就是我在JS文件中创建自定义规则的原因.但有没有办法只能在提交时检查规则.因为如果用户输入无效,它将在每次击键时检查它,这可能非常麻烦.特别是因为我有jQuery.ui.autocomplete运行unjuction.
我正在尝试使用jQuery Validate验证HTML文件上载
我发现我可以使用meta选项,如:
$("#myform").validate({
meta: "validate"
})
<input type="file" name="upload" class="{validate:{required:true,accept:'docx?|pdf'}}" />
Run Code Online (Sandbox Code Playgroud)
但它似乎不起作用.我还是需要添加这个required类.那么文件类型检查当然也不会起作用.我需要做些额外的事情吗?