jquery validation验证身份证号,护照,电话号码,email(实例代码)

前端技术 2023/09/04 JavaScript

validata.htm

复制代码 代码如下:

<!DOCTYPE html PUBLIC \"-//W3C//DTD XHTML 1.0 Transitional//EN\" \"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd\">
<html xmlns=\"http://www.w3.org/1999/xhtml\">
<head>
<meta http-equiv=\"Content-Type\" content=\"text/html; charset=gb2312\" />
<!-- TemplateBeginEditable name=\"doctitle\" -->
<title>无标题文档</title>
<script src=\"lib/jquery.js\" type=\"text/javascript\"></script>
<script src=\"lib/jquery.validate.js\" type=\"text/javascript\"></script>
<script src=\"lib/card.js\" type=\"text/javascript\"></script>
<script src=\"lib/validata.js\" type=\"text/javascript\"></script>
<style type=\"text/css\">
 em.success{
  background:url(\"images/tips_arrow.gif\") no-repeat left 0px;
  padding-left:16px;
  margin-left:2px;
 }
 em.error{
  background:url(\"images/tips_arrow.gif\") no-repeat left -51px;
  display:inline;
  padding-left:10px;
  font-style:normal;
  font-size:11px;
  margin-left:2px;
  font-family:12px/162% Arial, Helvetica, sans-serif;

 }
</style>

</head>

<body>
 <form class=\"cmsform\" id=\"commentForm\" method=\"get\" action=\"\">
  <p>
   <label for=\"cusername\">姓名</label><em>*</em>
   <input id=\"cusername\" name=\"username\" size=\"25\" />

  </p>
  <p>
   <label for=\"cemail\">电子邮件</label><em>*</em>
   <input id=\"cemail\" name=\"email\" size=\"25\" />

  </p>
  <p>
   <label for=\"card\">身份证号</label><em>*</em>
   <input id=\"card\" name=\"card\" size=\"25\"/>

  </p>
  <p>
   <label for=\"passport\">护照编号</label><em>*</em>
   <input id=\"passport\" name=\"passport\" size=\"25\"/>

  </p>
  <p>
   <label for=\"phone\">电话号码</label><em>*</em>
   <input id=\"phone\" name=\"phone\" size=\"25\" />

  </p>
 </form>
</body>
</html>

本文地址：https://www.stayed.cn/item/9657

转载请注明出处。

本站部分内容来源于网络,如侵犯到您的权益,请 联系我

我的博客

人生若只如初见，何事秋风悲画扇。

我的标签

随笔档案