我正在尝试使用jQuery Validation DOCS中的 'errorPlacement' :
$("#myform").validate({
errorPlacement: function(error, element) {
error.appendTo( element.parent("td").next("td") );
},
debug:true
})
Run Code Online (Sandbox Code Playgroud)
我想在无效输入之前放置错误,但这不起作用:
$("#myform").validate({
errorPlacement: function(error, element) {
error.appendTo( element.parent("form").prev("input") );
},
debug:true
})
Run Code Online (Sandbox Code Playgroud)
任何帮助非常感谢!
我试图在div上使用validate插件,如此问题的答案所示:
<script type="text/javascript">
$("#pseudoForm").validate({
onfocusout:true,
rules:{
first_name:"required",
last_name:"required"
}
});
</script>
<!-- whatever -->
<div id="pseudoForm">
<input type="text" name="first_name"/>
<input type="text" name="last_name"/>
</div>
Run Code Online (Sandbox Code Playgroud)
我有一个表格.
我在不同的浏览器上遇到了一堆不同的错误.
任何帮助赞赏!
我是JQuery的新手,并且正在使用JQuery验证插件.
我想问一下,如何覆盖默认消息以显示与表单元素关联的标签中的文本.
我会得到这样的消息:
字段密码是必需的.而不是默认此字段是必需的.
Field PostCode必须至少包含3个字符.而不是默认请输入至少3个字符.
我需要覆盖此插件的默认行为,因为我不想为每种类型的验证指定每个项目的自定义消息.
可能吗?
无法获得jQuery Validate插件来玩得很好.
模型
public class FooVM
{
[Required]
public string Name { get; set; }
}
Run Code Online (Sandbox Code Playgroud)
布局
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<script src="@Url.Content("~/scripts/jquery-1.9.0.min.js")" type="text/javascript"></script>
<script src="@Url.Content("~/scripts/jquery-migrate-1.0.0.min.js")" type="text/javascript"></script>
<script src="@Url.Content("~/scripts/jquery.validate.min.js")" type="text/javascript"></script>
<script src="@Url.Content("~/scripts/jquery.validate.unobtrusive.min.js")" type="text/javascript"></script>
<script src="@Url.Content("~/scripts/bootstrap.min.js")" type="text/javascript"></script>
<link href="@Url.Content("~/content/bootstrap-responsive.min.css")" rel="stylesheet" type="text/css" />
<link href="@Url.Content("~/content/bootstrap.min.css")" rel="stylesheet" type="text/css" />
<title>@ViewBag.Title</title>
</head>
<body>
<div class="container">
<div class="row">
<div class="span12">
<div class="navbar">
<div class="navbar-inner">
<a class="brand" href="#">idoneit</a>
<ul class="nav">
<li class="menu-link">@Html.ActionLink("Home", "index", "bar")</li>
</ul>
</div>
</div>
</div>
<div class="span12 error-container">
</div>
<div …Run Code Online (Sandbox Code Playgroud) 我正在尝试使用jquey.validation插件验证select2字段,但没有任何反应.
我想要选择必填字段.
我正在使用这个自定义验证功能:
$.validator.addMethod("requiredcountry", function(value, element, arg){
return arg != value;
}, "Value must not equal arg.");
Run Code Online (Sandbox Code Playgroud)
这是规则:
rules:
{
country:
{
required: true,
requiredcountry: ""
}
}
Run Code Online (Sandbox Code Playgroud)
我应该使用哪个select2字段来匹配规则?
我很感激如何让select2与jquery.validation一起工作
10倍
使用jquery如果勾选了一个特定的复选框,我想从所需的选择框中进行选择(即不能将其保留为空白默认值).我的代码:
$(document).ready(function(){
$("#myForm").validate({
rules: {
myDropDown: {
required: {
depends: function(element) {
return $("#myCheckbox:checked")
}
}
}
}
})
})
Run Code Online (Sandbox Code Playgroud)
html:
<input type="checkbox" name="myCheckbox" id="myCheckbox" value="1">
<select name="myDropDown" id="myDropDown">
<option value="" selected></option>
<option value="1">Choice 1</option>
<option value="2">Choice 2</option>
<option value="3">Choice 3</option>
</select>
Run Code Online (Sandbox Code Playgroud)
不仅代码不起作用,而且还抛出了我作为javascript的下一部分的jquery选项卡.
任何建议表示赞赏
编辑:现在我已经整理了所有括号,现在的行为是它使选择框成为必填字段,无论复选框是否被选中 - 即依赖部分不起作用.页面上的其他JavaScript现在正常工作.
我在互联网上关注了一些文章和教程,以便创建一个自定义验证属性,该属性也支持asp.net mvc 4网站中的客户端验证.这就是我现在所拥有的:
RequiredIfAttribute.cs
[AttributeUsage(AttributeTargets.Property, AllowMultiple = true)] //Added
public class RequiredIfAttribute : ValidationAttribute, IClientValidatable
{
private readonly string condition;
private string propertyName; //Added
public RequiredIfAttribute(string condition)
{
this.condition = condition;
this.propertyName = propertyName; //Added
}
protected override ValidationResult IsValid(object value, ValidationContext validationContext)
{
PropertyInfo propertyInfo = validationContext.ObjectType.GetProperty(this.propertyName); //Added
Delegate conditionFunction = CreateExpression(validationContext.ObjectType, _condition);
bool conditionMet = (bool)conditionFunction.DynamicInvoke(validationContext.ObjectInstance);
if (conditionMet)
{
if (value == null)
{
return new ValidationResult(FormatErrorMessage(null));
}
}
return ValidationResult.Success;
}
private Delegate CreateExpression(Type objectType, string expression) …Run Code Online (Sandbox Code Playgroud) c# jquery jquery-validate unobtrusive-validation asp.net-mvc-4
我在我的表单中使用jQuery验证 http://jqueryvalidation.org/documentation/
我想将验证添加到我的所有字段,但我想忽略具有类"my_item"的隐藏div.
所以这是我的Jquery:
$("#myform").validate({
ignore: ":hidden"
});
Run Code Online (Sandbox Code Playgroud)
如何从这个忽略的情况中排除具有类my_item的div.所以像div.
提前致谢
我是jquery验证插件的新手,但我想知道如何使用验证插件验证输入框数组.
下面是html代码.
<form id="transport-form">
<input type="text" name="qty[]" id="qty1">
<input type="text" name="qty[]" id="qty2" >
<input type="text" name="qty[]" id="qty3">
<input type="text" name="qty[]" id="qty4">
<input type="submit value="submit">
</form>
Run Code Online (Sandbox Code Playgroud)
和jquery代码如下
jQuery("#transport-form").validate({
rules: {
'qty[]': {
required: true
}
},
});
Run Code Online (Sandbox Code Playgroud)
但每次我点击提交它只验证第一个值.其余所有相同名称的值都未经过验证.请帮忙.
我正在尝试使用正则表达式来验证电话号码,并在提交无效的号码或电话号码时返回错误.
MVC代码:
<ol class="row">
<li class="cell" style="width: 20%;">Phone Number:</li>
<li class="cell last" style="width: 60%;">
@Html.TextBoxFor(model => model.PhoneNumber, new { @class = "textbox" })
@Html.ValidationMessageFor(model => model.PhoneNumber)
</li>
</ol>
Run Code Online (Sandbox Code Playgroud)
C#代码:
[DataType(DataType.PhoneNumber)]
[Display(Name = "Phone Number")]
[Required(ErrorMessage = "Phone Number Required!")]
[RegularExpression(@"^\(?([0-9]{3})\)?[-. ]?([0-9]{3})[-. ]?([0-9]{4})$",
ErrorMessage = "Entered phone format is not valid.")]
public string PhoneNumber { get; set; }
Run Code Online (Sandbox Code Playgroud)
但是,输入框不会向用户显示消息,表明提交的电话号码无效.