Question

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

我正在使用此表单：http://thecodeplayer.com/walkthrough/jquery-multi-step-form-with-progress-bar

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

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

亲切的问候，西普里安

Answer 1

首先，您需要包含验证插件。 Here's非常好。

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

然后，当用户单击“下一步”按钮时，您将需要验证表单。

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

将上述代码放在$(".next").click(function(){之后，您将被设置。

我已经构建了此代码here的工作副本。第一张幻灯片上的输入是必需的。然后在下一张幻灯片上，需要第一个输入。

请注意，此项目需要三个 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>

多步表单验证

1 个答案: