Fatal编程技术网
  • jquery/
  • jQuery验证不工作（包括引导表单）

jQuery验证不工作（包括引导表单）

jquery twitter-bootstrap twitter-bootstrap-3

jQuery验证不工作（包括引导表单）,jquery,twitter-bootstrap,jquery-validate,twitter-bootstrap-3,Jquery,Twitter Bootstrap,Jquery Validate,Twitter Bootstrap 3,我也在使用推特引导（第一次）。这里是最小化的代码，所以你们可以帮助我确定为什么它甚至不去验证函数！我已经工作了好几个小时了，我不知道我错过了什么。 Validate.js是从官方插件网站下载的，但如果我从cdn使用，它是相同的 <head> <link rel="stylesheet" href="css/bootstrap.css" type="text/css"/> <script type="text/javascript" src="http://code

我也在使用推特引导（第一次）。这里是最小化的代码，所以你们可以帮助我确定为什么它甚至不去验证函数！我已经工作了好几个小时了，我不知道我错过了什么。 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>


$（）.ready（函数（））{
$（“#myform”）。验证({
规则：{
输入名称：{
必填项：true
}
}
});
});
姓名：
提交
许多年前。改用CSS

2） 
（）。不建议使用ready（函数（{…}））
。使用
$（document）.ready（函数（{…}））
或
$（函数（{…}））

但是，您的代码的工作方式与您发布的代码完全相同

演示：许多年前。改用CSS

2） 
（）。不建议使用ready（函数（{…}））
。使用
$（document）.ready（函数（{…}））
或
$（函数（{…}））

但是，您的代码的工作方式与您发布的代码完全相同

演示：许多年前。改用CSS

2） 
（）。不建议使用ready（函数（{…}））
。使用
$（document）.ready（函数（{…}））
或
$（函数（{…}））

但是，您的代码的工作方式与您发布的代码完全相同

演示：许多年前。改用CSS

2） 
（）。不建议使用ready（函数（{…}））
。使用
$（document）.ready（函数（{…}））
或
$（函数（{…}））

但是，您的代码的工作方式与您发布的代码完全相同


演示：
必须对src链接使用https而不是http。
必须对src链接使用https而不是http。
必须对src链接使用https而不是http。
从我的表单标记中删除css类名解决了我遇到的类似问题


我在
标记中有一个类“
验证表单”
 从表单标记中删除css类名解决了我遇到的类似问题


我在
标记中有一个类“
验证表单”
 从表单标记中删除css类名解决了我遇到的类似问题


我在
标记中有一个类“
验证表单”
 从表单标记中删除css类名解决了我遇到的类似问题

我在
标记中有一个类“
验证表单”
 试着用这个


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

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




$（文档）.ready（函数（）{
$（“#myform”）。验证({
规则：{
输入名称：{
必填项：true
}
}
});
});
/*而不是*/
$（）.ready（函数（））{
$（“#myform”）。验证({
规则：{
输入名称：{
必填项：true
}
}
});
});

尝试使用此选项


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

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




$（文档）.ready（函数（）{
$（“#myform”）。验证({
规则：{
输入名称：{
必填项：true
}
}
});
});
/*而不是*/
$（）.ready（函数（））{
$（“#myform”）。验证({
规则：{
输入名称：{
必填项：true
}
}
});
});

尝试使用此选项


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

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




$（文档）.ready（函数（）{
$（“#myform”）。验证({
规则：{
输入名称：{
必填项：true
}
}
});
});
/*而不是*/
$（）.ready（函数（））{
$（“#myform”）。验证({
规则：{
输入名称：{
必填项：true
}
}
});
});

尝试使用此选项


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

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




$（文档）.ready（函数（）{
$（“#myform”）。验证({
规则：{
输入名称：{
必填项：true
}
}
});
});
/*而不是*/
$（）.ready（函数（））{
$（“#myform”）。验证({
规则：{
输入名称：{
必填项：true
}
}
});
});

如果一切正常，但仍然没有进行验证，则
尝试使用debug:true选项


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



重新加载页面并检查控制台是否存在任何可能的错误`
如果一切正常，但仍然没有进行验证
尝试使用debug:true选项


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



重新加载页面并检查控制台是否存在任何可能的错误`
如果一切正常，但仍然没有进行验证
尝试使用debug:true选项


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



重新加载页面并检查控制台是否存在任何可能的错误`
如果一切正常，但仍然没有进行验证
尝试使用debug:true选项


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



重新加载页面并检查控制台是否存在任何可能的错误``
try
标签在几年前就被弃用了！您是否收到任何控制台错误？您确定脚本包含正确吗？请尝试几年前弃用的
标记！您是否收到任何控制台错误？您确定脚本包含正确吗？请尝试几年前弃用的
标记！您是否收到任何控制台错误？您确定脚本包含正确吗？请尝试几年前弃用的
标记！您是否收到任何控制台错误？你确定脚本被正确地包含了吗？你知道为什么不在m上工作吗