0

我是 jQuery 新手，我不知道如何在我下载的 jQuery 表单上实现一些 jQuery 验证。

我正在使用这种形式：http ://thecodeplayer.com/walkthrough/jquery-multi-step-form-with-progress-bar

服务器端验证已经在 php 中完成，但我需要 jQuery，这样如果用户在这些字段上没有写任何内容，他们就无法单击 Next 按钮。（与输入标签所需的 html 属性相同）

我通过复制和粘贴其他人的 jQuery 验证代码尝试了各种各样的事情，但没有任何成功。因此，如果有人可以帮助我解决这个问题，我将不胜感激（因为我是 linux 管理员 =p，所以会给你买一只企鹅）

亲切的问候，西普里安

4

1 回答 1

0

首先，您需要包含一个验证插件。这是一个非常好的。

然后，您需要将required标签添加到所需的所有输入中。

然后，当用户单击“下一步”按钮时，您将希望像这样验证表单。

$('#msform').validate();
if (!$('#msform').valid()) {
    return false;
}

将上面的代码放在后面$(".next").click(function(){，你就会被设置。

我在这里建立了这段代码的工作副本。第一张幻灯片上的输入是必需的。然后在下一张幻灯片上，需要第一个输入。

请注意，该项目需要三个JavaScript 文件：

<script type="text/javascript" src="http://thecodeplayer.com/uploads/js/jquery-1.9.1.min.js"></script>
<script type="text/javascript" src="http://thecodeplayer.com/uploads/js/jquery.easing.min.js"></script>
<script type="text/javascript" src="http://ajax.aspnetcdn.com/ajax/jquery.validate/1.11.1/jquery.validate.min.js"></script>
于 2013-08-28T00:38:07.853 回答