标签: jquery-validate

jQuery验证 - 错误放置

我正在尝试使用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)

现场演示

任何帮助非常感谢!

jquery jquery-validate

32
推荐指数
3
解决办法
7万
查看次数

jQuery在DIV上验证插件

我试图在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)

我有一个表格.

我在不同的浏览器上遇到了一堆不同的错误.

  • Firefox:未定义的验证器
  • IE8:'settings'为null或不是对象
  • Chrome:无法读取未定义的属性"设置"

任何帮助赞赏!

javascript jquery jquery-validate

31
推荐指数
1
解决办法
5万
查看次数

jQuery Validation插件 - 自定义消息

我是JQuery的新手,并且正在使用JQuery验证插件.

我想问一下,如何覆盖默认消息以显示与表单元素关联的标签中的文本.

我会得到这样的消息:

字段密码是必需的.而不是默认此字段是必需的.

Field PostCode必须至少包含3个字符.而不是默认请输入至少3个字符.

我需要覆盖此插件的默认行为,因为我不想为每种类型的验证指定每个项目的自定义消息.

可能吗?

jquery jquery-validate

31
推荐指数
3
解决办法
5万
查看次数

为什么<form>被赋予NoValidate属性?

无法获得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)

asp.net-mvc html5 jquery-validate

31
推荐指数
3
解决办法
5万
查看次数

如何使用jquery.validation插件使select2工作?

我正在尝试使用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 jquery-validate jquery-select2

31
推荐指数
7
解决办法
6万
查看次数

如果选中复选框,则选择JQuery验证

使用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现在正常工作.

jquery jquery-validate

30
推荐指数
3
解决办法
8万
查看次数

自定义验证属性中的客户端验证 - asp.net mvc 4

我在互联网上关注了一些文章和教程,以便创建一个自定义验证属性,该属性也支持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

29
推荐指数
1
解决办法
7万
查看次数

忽略所有隐藏的div而不是jQuery验证中的div

我在我的表单中使用jQuery验证 http://jqueryvalidation.org/documentation/

我想将验证添加到我的所有字段,但我想忽略具有类"my_item"的隐藏div.

所以这是我的Jquery:

 $("#myform").validate({ 
    ignore: ":hidden"
 });
Run Code Online (Sandbox Code Playgroud)

如何从这个忽略的情况中排除具有类my_item的div.所以像div.

提前致谢

jquery hidden jquery-validate

29
推荐指数
2
解决办法
2万
查看次数

如何使用validate plugin jquery验证输入数组

我是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)

但每次我点击提交它只验证第一个值.其余所有相同名称的值都未经过验证.请帮忙.

jquery jquery-validate

29
推荐指数
5
解决办法
7万
查看次数

电话号码验证MVC

我正在尝试使用正则表达式来验证电话号码,并在提交无效的号码或电话号码时返回错误.

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)

但是,输入框不会向用户显示消息,表明提交的电话号码无效.

c# regex asp.net-mvc jquery-validate validationattribute

29
推荐指数
3
解决办法
12万
查看次数