Php 使用jQuery表单规则显示文本框时验证文本框

我有一个表单，当用户在下拉列表中选择“其他人”时，它会生成文本框

动态文本框生成已经完成，我可以得到“其他”文本框的值

但我的问题是

1） 我想在显示其他文本框时验证它

如何进行验证请给出建议

<form name="f2" id="f2" method="post" action="" enctype="multipart/form-data">
    Type:
    <select name="type"  id="type" onchange='CheckColors(this.value);'> 
        <option value="1">1</option>
        <option value="2">2</option>
        <option value="3">3</option>
        <option value="others">others</option>
    </select>
    <input type="text" name="others" id="others" style='display:none;'/>
    <input type="submit" name="submit"/>
</form>

类型：
1.
2.
3.
其他

//下面是验证表单的脚本..我想在另一个文本框只出现时验证它..怎么做

<script type = "text/javascript">
$(document).ready(function () {
    $("#f2").validate({
        debug: false,
        rules: {
            type: {
                required: true
            },
            others: {
                required: true
            },
            messages: {
                //messages for required
            }
        });
    }); 
</script>

$（文档）.ready（函数（）{
$（“#f2”）。验证({
调试：错误，
规则：{
类型：{
必填项：true
},
其他：{
必填项：true
},
信息：{
//所需的消息
}
});
}); 

我尝试了上面的过程，但它总是并排显示两次所需的字段。

试试这个

$(document).ready(function () {
  $("#f2").validate({
    debug: false,
    rules: {
      type: {
        required: true
      },
      messages: {
        //messages for required
      }
    }
  });
});  

function CheckColors(value) {
  if(value=='others') {
    $('#others').show().attr('required','required');
  } else {
    $('#others').hide().removeAttr('required');
  }
}

从validate函数中删除这一行，那么验证工作正常

others: {
   required: true
}

---

如何创建动态文本框？