jQuery验证不起作用(包括引导表单)

我也在使用Twitter Bootstrap（第一次）。这里是最小化的代码，所以你可以帮助我确定为什么它甚至不能验证函数！我已经工作了好几个小时了，我不知道我错过了什么。Validate.js是从官方插件网站下载的，但如果我使用cdn，它也是一样的。

<head>
<link rel="stylesheet" href="css/bootstrap.css"  type="text/css"/>
<script type="text/javascript" src="http://code.jquery.com/jquery-1.8.3.min.js"></script>
<script type="text/javascript" src="js/jquery.validate.min.js"></script>
<script type="text/javascript" src="js/bootstrap.js"></script>
    <script>
    $().ready(function() {
          $("#myform").validate({
             rules: {
                 InputName: {
                    required: true
                }
             }
          });
    });
</script>
</head>
<body>
<div class="container">
    <div class="row">
        <div class="col-md-4 col-md-offset-4">
            <form name="myform" id="myform" method="post" action="">
                <label class="control-label" for="InputName">Name:</label>
                <input type="text" class="form-control" name="InputName" placeholder="ex. John">    
            <button type="submit" class="btn btn-default">Submit</button>
            </form>

        </div>
    </div>
</div>
</body>

1）<center>在许多年前就被弃用了。请改用CSS。

2）根据jQuery文档，不建议使用().ready(function({...}))。请改用$(document).ready(function({...}))或$(function({...}))。

然而，你的代码和你发布的代码完全一样

演示：http://jsfiddle.net/FbAYz/

src链接必须使用https而不是http。

从表单标记中删除css类名解决了我遇到的类似问题。

我在<form>标签中有一个类"validate-form"。

尝试使用此

<script>
    $(document).ready(function() {
          $("#myform").validate({
             rules: {
                 InputName: {
                    required: true
                }
             }
          });
    });
</script>
/*Instead of */
  <script>
    $().ready(function() {
          $("#myform").validate({
             rules: {
                 InputName: {
                    required: true
                }
             }
          });
    });
</script>

如果一切都是正确的，但仍然没有进行验证，那么尝试使用debug:true选项

$("#myForm").validate({
  debug: true
});

重新加载页面并检查控制台是否存在任何可能的错误``

相关内容

最新更新

热门标签：