Jquery-Validation自定义校验方法

最新推荐文章于 2024-08-01 12:48:38 发布

czycode

最新推荐文章于 2024-08-01 12:48:38 发布

阅读量921

点赞数

分类专栏： java 文章标签： jquery springmvc validation

本文链接：https://blog.csdn.net/czycode/article/details/38232219

版权

本文介绍了如何在jQuery-Validation中添加自定义验证方法，通过Ajax调用后端SpringMVC服务进行账号唯一性检查。在表单输入中添加onlyId属性以触发自定义验证，当验证失败时显示错误信息并阻止表单提交。

摘要由CSDN通过智能技术生成

前端表单验证的重要性这里就不多说了，下面是前段时间做的通过自定义规则验证用户名是否唯一。

首选肯定要引人jQuery和valitation的相关文件。

 
      1
       <script src="${ctx}/static/jquery/jquery-1.11.0.min.js" type="text/javascript"></script>
     
      2
       <link href="${ctx}/static/jquery-validation/1.11.1/validate.css" type="text/css" rel="stylesheet" />
     
      3
       <script src="${ctx}/static/jquery-validation/1.11.1/jquery.validate.min.js" type="text/javascript"></script>
     
      4
       <script src="${ctx}/static/jquery-validation/1.11.1/messages_bs_zh.js" type="text/javascript"></script>

2. 页面需要验证的表单。

 
      1
      <form id="inputForm" class="" action="">
     
      2
          <label class="col-md-2 ">登录账号：</label> 
     
      3
          <input type="text"