简单的Jquery验证，利用其验证框架（暂时没有ajax）

最新推荐文章于 2024-05-23 22:33:59 发布

原创最新推荐文章于 2024-05-23 22:33:59 发布 · 116 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #ViewUI

项目小经验专栏收录该内容

5 篇文章

订阅专栏

本文介绍如何使用Validform_v5.1_min.js进行表单验证，并展示了具体的应用实例。文章详细说明了jQuery库和Validform插件的加载方式，以及如何通过简单的代码实现表单验证功能。

1.下载文件 Validform_v5.1_min.js jquery-1.6.2.min.js

2.导入js：<c:set value="${pageContext.request.contextPath}" var="path" scope="page"/>
<script type="text/javascript" src="${path}/js/jquery-1.8.1.min.js"></script>
<script type="text/javascript" src="${path}/js/Validform_v5.1_min.js"></script>

<script type="text/javascript">
$(function(){
$(".[color=red]addBusinessAppointment[/color]").Validform(); //就这一行代码！;

//$(".addNewBusinessTalks").Validform({tiptype:2});
})

3：导入css：<c:set value="${pageContext.request.contextPath}" var="path" scope="page"/>
<link rel="stylesheet" href="${path}/css/style.css" type="text/css" media="all" />

4：填写控件属性
<form class="[color=red]addBusinessAppointment[/color]" action="addBusinessAppointment.do" id="newGroupForm" method="post">
<table>
<tr>
<td>胸卡号：</td>
<td><input name="cardNumber" class="[color=red]inputxt[/color]" datatype="[color=red]s1-18[/color]" nullmsg="[color=red]请输入胸[/color]卡号！" ></td>