Linux 拨号vps windows公众号手机端

jquery的validationEngine表单验证怎么实现

lewis 8年前 (2017-02-11) 阅读数 7 #程序编程
文章标签 jquery

要使用jQuery的validationEngine插件来实现表单验证,首先需要引入相关的CSS和JavaScript文件。可以从插件的官方网站下载最新版本的文件。

  1. 引入CSS和JavaScript文件。
<link rel="stylesheet" href="validationEngine/css/validationEngine.jquery.css" type="text/css" media="screen" />
<script src="jquery.js"></script>
<script src="validationEngine/js/jquery.validationEngine.js"></script>
<script src="validationEngine/js/jquery.validationEngine-zh_CN.js"></script>
  1. 创建表单并加上验证规则。
<form id="myForm">
  <div>
    <label for="name">姓名:</label>
    <input type="text" id="name" class="validate[required]" />
  </div>
  
  <div>
    <label for="email">邮箱:</label>
    <input type="text" id="email" class="validate[required,custom[email]]" />
  </div>
  
  <div>
    <label for="phone">电话:</label>
    <input type="text" id="phone" class="validate[required,custom[phone]]" />
  </div>
  
  <input type="submit" value="提交" />
</form>
  1. 初始化validationEngine插件并添加表单验证。
$(document).ready(function() {
  $("#myForm").validationEngine();
});

现在,当用户提交表单时,validationEngine将自动验证表单输入是否符合规则。如果有任何验证错误,将显示相应的错误消息。

版权声明

本文仅代表作者观点,不代表米安网络立场。

发表评论:

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。

热门