中国学术文献网络出版总库

手机也能上知网 上手机知网,随时随地畅游知识海洋!请手机访问:wap.cnki.net

手机知网客户端
知识出版物超市平台推广
辞书大典广告

节点文献

jQuery无刷新技术设计身份证有效性验证

 

【作者】 张宇明

【机构】 云南省德宏职业学院

【摘要】

【关键词】
【正文】      摘   要:本文在介绍jQuery特点和使用方法的基础上,探讨如何利用JQuery简化JavaScript编写,灵活方便的无刷新技术验证身份证号码有效性,为用户提供友好的界面。
       关键词:JavaScript,Ajax,jQuery,无刷新技术
        身份证号码有15位和18位两种,18位身份证号码在15位的基础上增加了验证码,用于验证身份证号码的有效性,传统的身份证有效性验证都必须重新加载整个网页面才可以验证其有效性,使用Ajax无刷新技术可以在不重新加载整个网页的情况下,对网页的某部分进行更新,从而验证身份证号码等信息的有效性。jQuery是新兴的JavaScript框架,它精准简单的查询和精彩多样的插件使其在网页设计中有着不俗的功用。
        1 JavaScript、Jquery 和 AJAX 技术
        1.1  JavaScript
  JavaScript是一种直译式脚本语言。它的解释器被称为JavaScript引擎,是浏览器的一部分,广泛用于客户端的脚本语言,最早是在HTML(标准通用标记语言)网页上使用,用来给HTML网页增加动态功能。
        1.2 Jquery
        Jquery就是一个JavaScript框架库,Jquery是又一个优秀的轻量级的JavaScript库。还兼容多种浏览器。jQuery使用户能更方便地处理HTML文档、事件及实现动态效果,并且方便地为网站提供交互。jQuery能够使用户的html页保持代码和html内容分离,也就是说,不用再在html里面插入一堆js来调用命令了,只需定义ID即可,通过ID就可以对它们进行一系列的操作。
        1.3  AJAX 技术
  AJAX即“Asynchronous JavaScript And XML”(异步JavaScript和XML),它是指一种创建交互式网页应用的网页开发技术。它是一种用于创建快速动态网页的技术。AJAX可以通过在后台与服务器进行少量数据交换,使网页实现异步更新。这意味着可以在不重新加载整个网页的情况下,对网页的某部分进行实时更新。
        1.4  Jquery和AJAX技术相结合实现异步更新
  Jquery与AJAX技术在网页设计中特别是在网页交互方面有很好的效果,一般通过Jquery来将AJAX开发简单化,使代码简洁易读。不用像传统网页一样用Load()函数来导入整个网页,用Jquery提供的函数可以简化程序代码,让网页信息变得更简化。
        2  实现身份证号码无刷新及程序部分代码
  用户经常需要在网络中填写身份证号码,为了防止因输入了错误的身份证号码带来的一系列问题,需要对输入的身份证号码进行有效性验证,此时用Jquery和AJAX技术向服务器发送一个认证请求,服务器处理后就可以告诉用户身份证号码正确与否,这样就可以减少数据的处理量,同时也提高了界面的友好性。
        2.1  Jquery加载及传递身份证号码
  对于文本型的身份证号码可采用Document对象的方法进行读取信息,一般有三种方法可以获取身份证号码信息:
        第1种:Document.getElementById(“ID”).Value;
        第2种:Document.getElementsByName(“Name”).Value;
        第3种:Document.getElementsByTagName(“Name”).Value;
  这里的三种方法都是通过Jquery中的Document的函数来处理事件的,当网页的DOM就绪时,这些函数就可以调用了。但一般只用第一种即Document.getElementById(“ID”)来获取身份证号码信息,因为只有它得到的信息是唯一的,其它两个方法得到的信息一般不只一个而是是一个集合。如:
        UID= Document.getElementById(“ID”).Value;
        2.2 Ajax操作Jquery的实现过程
  Ajax在网页加载时主要通过两种方式进行值传递,即:get/post。
  (1)post方式
  $.post(Url,{ID:UID},success(data));
  (2)get方式
  $.get(Url,{ID:UID},success(data));
  以上两种方法都是请求从服务器加载数据,功能类似,这里我们以post为列探讨它的功能和用法。
  此方法中Url是一个检测页面CheckID.asp;{ID:UID}是向该页传递的数据;success(data)是请求成功时执行的回调函数;data是CheckID.asp页面返回的数据。
  使用get/post后发送身份证号码信息到CheckID.asp页面,并接收从服务器返回一个值,存储在data里,再通过success函数对data的数据进行分析,从而判断输入身份证号码的有效性。
        3   参数传递及返回结果
  验证页面CheckID.asp的关键代码:
  ID=Request("ID");此处为接收post传过来的用户身份证号码,然后用自定义函数CheckCardId(ID)对发送来的身份证号码进行有效性验证,CheckCardId(ID)的关键代码如下:
        Wi=Array(7,9,10,5,8,4,2,1,6,3,7,9,10,
5,8,4,2);
  Wi是18位身份证号码前17为的加权数组。用来与身份证号码进行加权求和,把求和的结果除11取余数。
  arrVerifyCode = Array(1,0,x,9,8,7,6,5,4,3,2);
  arrVerifyCode是身份证号码第18为验证码。
  返回ID(17)=arrVerifyCode(余数),如果为“真”则告诉用户此身份证号码是正确的,为假则告诉用户此身份证号码不正确请检查。
  4结语
  在网页中输入身份证号码信息可能关系到自己的个人利益,为了告诉用户身份证号码信息是否正确,过去一般使用整个网页提交的方式验证有效性,现在通过使用jQuery的无刷新技术,不但简化了程序代码,提高了界面的友好性,而且这种方法易于实现,简单实用。
  参考文献:
  [1] W3School 在线教程  JavaScript教程,jQuery 教程,AJAX教程;
  [2] 百度知道、百度文库、百度贴吧等;
  [3] 网络相关帮助文档;
  • 【发布时间】2015/5/3 16:03:32
  • 【点击频次】437