jQuery的Validator校验插件 -- >Maximum call stack size exceeded错误

最新推荐文章于 2024-07-24 16:21:49 发布

柠檬桔子酱

最新推荐文章于 2024-07-24 16:21:49 发布

阅读量441

点赞数

文章标签： js java bootstrap jquery

本文链接：https://blog.youkuaiyun.com/weixin_41370631/article/details/104973393

版权

在使用jQuery的Validator插件对静态页面进行表单验证时，遇到Maximum call stack size exceeded错误。原因是静态页面代码中缺少form-group类。通过添加form-group修复问题，经过控制变量法排查，耗时一下午最终解决问题。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

情况：

使用jQuery的Validator前端校验插件的时候，因为静态页面是复制过来的，然后对form注册表单进行校验是，出现了如下的错误：
在这里插入图片描述
而复制的静态页面是:（以下为部分代码）

```java
 <form action="" id="register_form" method="post" class="sui-form form-horizontal">
    <div class="control-group">
        <label for="email" class="control-label">Email：</label>
            <div class="controls">
				<input type="text" name="email" id="email" placeholder="请输入你的电子邮箱" class="input-xfat input-xlarge">
			 </div>
	</div>
</form>

解决：

正确的代码是要加上form-group

```java
 <form action="" id="register_form" method="post" class="sui-form form-horizontal">
    <div class="control-group form-group">
        <label for="email" class="control-label">Email：</label>
            <div class="controls">
				<input type="text" name="email" id="email" placeholder="请输入你的电子邮箱" class="input-xfat input-xlarge">
			 </div>
	</div>
</form>

感悟：

可能是太不熟悉结构的原因，这个问题弄了一下午，心累啊！！！不过，最后还是控制变量去找问题，然后最终也解决了，继续加油吧！