小编Spa*_*rky的帖子

<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>

包含两个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>

被包含在内.包含没有错.

我收到了一条错误消息

$("#form1").验证不是函数有什么问题？

我有这个HTML代码:

<td align="center">

我在ReSharper的Visual Studio 2008中收到此错误:

"元素' align已过时或非标准"

什么是替代此代码以使其成为标准？

在jQuery Validate插件的示例中,我看到了三种不同的方法来声明验证规则:

• CSS类 - 例如 <input type="text" name="whatever" class="required" />
• 属性 - 例如 <input type="text" name="whatever" required />
• JS代码 - 例如 $("#myForm").validate({ rules: { whatever: "required", ... } });

但我没有在文档中看到任何解释为什么你使用其中一个的原因.我也没有看到如何在每种方法中使用验证方法的解释(例如,如何将"max(value)"方法与tag属性或css类一起使用？).

这三种方法之间的权衡是什么？您是如何使用每种方法声明所有不同的验证方法？

我正在使用Asp.net MVC 3和Twitter Bootstrap.我想要的是整合它们.对我来说最大的问题是形式.我正在使用它HtmlHelper并且它是一个问题,当涉及到验证时,我希望它生成这样的HTML:

<div class="control-group error">
   <label for="field" class="control-label">OMG this label is so awesome: </label>
   <div class="controls">
      <input type="text" name="field" id="field" value="yeah" />
      <span class="help-inline">Eventually some error :C</span>
   </div>
</div>

这是我的HtmlHelper代码:

@Html.LabelFor(x => x.Field)
@Html.EditorFor(x => x.Field)
@Html.ValidationMessagesFor(x => x.Field)

问题是我希望只有在这个字段上确实存在错误时才设置最外层div的类错误.其他问题是我不知道如何强制使用span标记来处理错误.我可以在HtmlHelper中编写我的方法,但它会让我重新实现几乎所有的功能LabelFor,EditorFor并且ValidationMessageFor.有更简单的方法吗？那不引人注目的验证怎么样？

这是表单的html代码:

<form method="post" id="login" action="/login">
 <div class="login-element">
    <label for="email">E-Mail</label>
    <input type="text" name="email">
</div>
<div class="login-element">
    <label for="password">Passwort</label>
    <input type="password"  name="password">
</div>
<div class="login-element">
    <input type="submit" value="Login">
</div>
</form>

这是我用于验证的代码:

    $(document).ready(function() { 
    $("#login").validate({
       debug: true,
       rules: {
            email: {
              required: true,
              email: true
            },
            password: {
              required: true
            }
        },
        messages: {
            email: {
                required: "Please enter a email adress",
                email: "Please enter a valid email address"
            },
            password:"Please enter password"
        }
    });
    });

在控制台中记录以下错误:

TypeError: validator is undefined
...or.settings[eventType] && …

很抱歉,如果之前已经回答了这个问题,但是所有搜索都会讨论差异,而不是将两者结合使用,如果可能的话.

简单来说,可以$(window).load.(function() {})用INSIDE $(document).ready.(function() {})吗？

在加载DOM之后我应该做一些事情但是我想在图像加载完成后才显示某些元素.在Explorer 8中唯一有效的方法是将$(window).load函数放在$(document).ready其他所有内容中.

这是可接受的做法吗？

我只想使用最可接受的方法来显示DIV包含小图像的小图像,如完全构造后的工具栏.(例如,visibility hidden对比display none).用于此的HTML DIV由内部代码编写$(document).ready,然后在使用$('body').append()之前使用附加到正文$(window).load.

我在Explorer 8中遇到了很多问题.

@Scripts

 <script src="@Url.Content("~/Scripts/jquery-1.7.1.min.js")"></script>
  <script src="@Url.Content("~/Scripts/jquery.validate.js")"></script>
  <script src="@Url.Content("~/Scripts/jquery.validate.unobtrusive.js")"></script>

@视图

@using (Html.BeginForm("TestModelState", "RandD", FormMethod.Post, new {id="form123" }))
{ 
    @Html.TextBoxFor(x => x.htmlText, new { style="display:none"})<br />
    @Html.ValidationMessageFor(x => x.htmlText)
    <div>
      @Html.TextBoxFor(x => x.Uprop1)<br />
      @Html.ValidationMessageFor(x => x.Uprop1)
    </div>
    <input type="submit" value-="Submit" onclick="abc()" />
}

我尝试过什么

1. 更换忽略:":隐藏",以忽略:"",里面validate.js

2. var validateMeta = $('#form123').validate(); validateMeta.settings.ignore ="";

3. $.validator.setDefaults({ignore: ""});

4. $.validator.setDefaults({ ignore: [] });

基本上,我有下拉菜单,如下所示:

<select>
  <option>0</option>
  <option selected="selected">1</option>
  <option>2</option>
  <option>3</option>
</select>

我正在尝试编写一个即使你选择相同的选项也被触发的函数,即使打开下拉列表并重新选择所选的选项,我希望它执行该函数.

我有一个HTML5 Web应用程序,其中包含许多用户输入的字段,我想在将这些字段发送到服务器之前对这些字段进行一些客户端验证.容易吗？只需使用JQuery验证插件--- http://jqueryvalidation.org/

但是有一个问题.我的网络应用没有表格.HTML中没有提交任何内容.相反,每个用户可更改的元素上都有一个JQuery更改处理程序,当用户更改其中一个元素的值时,将进行AJAX调用.(这种非标准的用户交互架构对此应用程序有意义.)

我想在AJAX调用之前验证该字段,并使用JQuery验证插件来执行此操作.但我无法弄清楚如何.

是否可以在没有提交的情况下使用JQuery验证插件？我该怎么做？还是另一种方法更好？

Firefox调试器显示了一个jQuery函数的TypeError,旨在当用户同时滚动和更新类时,将导航栏粘贴到页面顶部.

功能如下.

$(window).scroll(function() {
    if ($(".navbar").offset().top>30) {
        $(".navbar-fixed-top").addClass("sticky");
    }
    else {
        $(".navbar-fixed-top").removeClass("sticky");
    }
});

产生的错误就是这个.

时间戳:31/01/2014 10:01:04

错误:TypeError:$(...).offset(...)未定义

我已经在SO上查找了类似的示例,但无法将结果转换为修复.任何帮助将不胜感激.