码迷,mamicode.com
首页 > Web开发 > 详细

jsp页面前端加入验证,光标离开验证

时间:2017-05-22 13:25:12      阅读:799      评论:0      收藏:0      [点我收藏+]

标签:cti   jsp   else   html   font   ace   img   innerhtml   size   

  • 验证错误时:

技术分享

  • 验证正确时:

技术分享

  • jsp页面前段代码:

   <input type="text" onblur="code()" placeholder="请输入部门编号" id="dept_code" name="dept_code">
      <span id="pa"></span>

  • js事件触发代码

  function code(){
      var reg=/^\d{6}$/;
      var dept_code=$("#dept_code").val();
      if(dept_code==null || dept_code==""){
          {document.getElementById(‘pa‘).innerHTML=‘<font color="green"></font>‘ }
      }
      else if(reg.test(dept_code))
      {document.getElementById(‘pa‘).innerHTML=‘<font color="green">请继续输入。。。</font>‘ }
      else
      {document.getElementById(‘pa‘).innerHTML=‘<font color="red">部门编号规定为六位数字!</font>‘}
      }

jsp页面前端加入验证,光标离开验证

标签:cti   jsp   else   html   font   ace   img   innerhtml   size   

原文地址:http://www.cnblogs.com/huyanlon/p/6888757.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!