0

我看了很多例子，但没有一个对我有用。我在向导中有一个表单，并且我在整个网站上都使用了 Bootstrap，我看到并尝试了几个示例，但我没有运气。我希望有人可以帮助找出我做错了什么，提前

所以这是我的html：

<div class="input_align">
    <label class="control-label4" for="facility_name">Facility Name</label>

    <input type="text" class="input-largex3" name="facility_name" id="" required >
</div>

<div class="multi_align">
    <div class="input_align input_col1">
        <label class="control-label4" for="facility_npi">Facility NPI</label>
        <input type="text" class="input-mini" id="" name="facility_npi">
    </div>
    <div class="input_align input_col2">
        <label class="control-label2" for="fed_id">Fed ID</label>
        <input type="text" class="input-mini" id="" name="fed_id">
    </div>
    <div class="input_align input_col2">
        <label class="control-label2" for="medicare_id">Med ID</label>
        <input type="text" class="input-mini" id="" name="med_id">
    </div>
</div>

还有我的J

$('#new-contract').validate({
        rules: {
          facility_name: {
            required: true,
          },
          facility_npi: {
            required: true,
          },
          fed_id: {
            minlength: 2,
            required: true
          }
        },

        highlight: function(label) {
            $(label).closest('input').removeClass ('success').addClass('error');
        },
        success: function(label) {
            label
                .text('OK!').addClass('valid')
                .closest('input').addClass('success');
        },
        errorPlacement: function(error, element) {
         error.appendTo( element.parents ('input') );
       }
      });
4

2 回答 2

0

1） 您的input元素必须包含在<form></form>标签中。否则 jQuery Validate 插件将无法工作。

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

2) 也许你忘了包含 jQuery 和/或 jQuery Validate 插件。查看“框架”和“外部资源”下的 jsFiddle 左侧面板。您是否收到任何 JavaScript 错误？

您应该有两行，按此顺序，其中src包含指向您放置这些文件的位置的正确 URL：

<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript" src="jquery.validate.js"></script>

3） 你有各种各样的小错误。一些无效的 HTML（未封闭input的元素）并且您已经两次声明了一些规则。如果您已经required在您的.validate({})选项/规则中声明，那么您在这里也不需要它：

<input type="text" name="facility_name" required>

4) 也许您不需要覆盖插件的默认highlight、success和errorPlacement回调函数。为这些使用自定义回调函数时，您会丢失错误消息。

http://jsfiddle.net/uL2Y8/1/

于 2013-03-11T16:53:39.670 回答
-1

请像下面这样包装您的表格：
检查 Jsfiddle检查表格

<div id="new-contract">
<div class="input_align">
    <label class="control-label4" for="facility_name">Facility Name</label>
    <input type="text" class="input-largex3" name="facility_name"
    id="" required>
</div>
<div class="multi_align">
    <div class="input_align input_col1">
        <label class="control-label4" for="facility_npi">Facility NPI</label>
        <input type="text" class="input-mini" id="" name="facility_npi">
    </div>
    <div class="input_align input_col2">
        <label class="control-label2" for="fed_id">Fed ID</label>
        <input type="text" class="input-mini" id="" name="fed_id">
    </div>
    <div class="input_align input_col2">
        <label class="control-label2" for="medicare_id">Med ID</label>
        <input type="text" class="input-mini" id="" name="med_id">
    </div>
</div>

于 2013-02-21T02:47:34.330 回答