Jquery 我可以为我的div标签添加额外的错误类吗?

Jquery 我可以为我的div标签添加额外的错误类吗?,jquery,twitter-bootstrap,Jquery,Twitter Bootstrap,我有一个用工具箱制作的大模型。字段如下所示: <div class="clearfix"> <label for="state_id">State</label> <div class="input"> <select id="state_id" name="state"> <option value="122">Alabama</option><opt

我有一个用工具箱制作的大模型。字段如下所示:

<div class="clearfix">
    <label for="state_id">State</label>
    <div class="input">
        <select id="state_id" name="state">
           <option value="122">Alabama</option><option value="123">Alaska</option><option value="124">Arizona</option> 
        </select>
    </div>
</div><!-- /clearfix -->
<div class="clearfix">
    <label for="city_id">City</label>
    <div class="input">
        <input type="text" id="city_id" name="city" value="" />
    </div>
</div><!-- /clearfix -->

也许您可以考虑使用jQuery验证来生成验证规则。真的是一个强大的插件

例如:

$("input [type='text']").rules("add", { minlength: 2 });

因此,当您调用
$(“form”).validate()时,此函数将返回所有无效字段。

您可以使用上述插件或任何其他方法验证表单,如果发现验证错误,则使用

 $("#city_id_input_div").addClass("error");
其中,您必须为需要应用“error”类的每个div提供id

比如说

<div class="clearfix" is="city_id_input_div">
<label for="city_id">City</label>
<div class="input">
    <input type="text" id="city_id" name="city" value="" class="large" onclick="removeErrorClass('city_id_input_div');" onkeypress="removeErrorClass('city_id_input_div');"/>
</div>

这是我动态使用引导的'error'类并动态删除该类的方法。

jQuery和JavaScript在客户端而不是服务器端工作。您是否可以发布浏览器看到的生成HTML(查看源代码),而不是服务器端PHP脚本?我想在客户端验证它。我基本上只需要验证是否输入了值,字段是否为空。是的。我可以重复我的请求吗:您能发布浏览器看到的生成的HTML(查看源代码),而不是服务器端的PHP脚本吗?以及您的JavaScript/jQuery?(对不起,我不是想挑三拣四,但前两次我忘了问…叹气…=/)。不用担心,jquery还没什么,只是点击事件而已
 $("#city_id_input_div").addClass("error");
<div class="clearfix" is="city_id_input_div">
<label for="city_id">City</label>
<div class="input">
    <input type="text" id="city_id" name="city" value="" class="large" onclick="removeErrorClass('city_id_input_div');" onkeypress="removeErrorClass('city_id_input_div');"/>
</div>
  function removeErrorClass(id)
  {  
    $("#"+id).removeClass("error"); 
  }