js jquery验证银行卡号信息正则学习
更新时间：2013年01月21日 15:27:56 作者：
银行卡号格式验证如何错误将提示：格式错误，应该是19位数字，利用正则实现，感兴趣的朋友可以了解下，希望本文对你学习正则有所帮助
jquery代码
$("#bankAccountNumber").change(function(){
alert("1");
var account = $("channelForm.bankAccount.account").val();
alert("2");
var reg = /^\d{19}$/g; // 以19位数字开头，以19位数字结尾
if( !reg.test(account) )
{
alert("格式错误，应该是19位数字！");
}
})
html代码
<!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" />
<title>验证银行账号</title>
<style type="text/css">
<!--
.STYLE1 {color: #FF0000}
-->
</style>
<script language="javascript" type="text/javascript">
function check()
{
var account = document.form1.account.value;
var reg = /^\d{19}$/g; // 以19位数字开头，以19位数字结尾
if( !reg.test(account) )
{
alert("格式错误，应该是19位数字！");
}
else
{
alert("验证成功！");
}
}
</script>
</head>
<body>
<form id="form1" name="form1" method="post" action="">
<p>账号：
<input type="text" name="account" id="account" />
<span class="STYLE1">* （19位数字）</span></p>
<p>
<input type="button" name="button" id="button" value="验证" onclick="check()" />
</p>
</form>
</body>
</html>
复制代码 代码如下:
$("#bankAccountNumber").change(function(){
alert("1");
var account = $("channelForm.bankAccount.account").val();
alert("2");
var reg = /^\d{19}$/g; // 以19位数字开头，以19位数字结尾
if( !reg.test(account) )
{
alert("格式错误，应该是19位数字！");
}
})
html代码
复制代码 代码如下:
<!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" />
<title>验证银行账号</title>
<style type="text/css">
<!--
.STYLE1 {color: #FF0000}
-->
</style>
<script language="javascript" type="text/javascript">
function check()
{
var account = document.form1.account.value;
var reg = /^\d{19}$/g; // 以19位数字开头，以19位数字结尾
if( !reg.test(account) )
{
alert("格式错误，应该是19位数字！");
}
else
{
alert("验证成功！");
}
}
</script>
</head>
<body>
<form id="form1" name="form1" method="post" action="">
<p>账号：
<input type="text" name="account" id="account" />
<span class="STYLE1">* （19位数字）</span></p>
<p>
<input type="button" name="button" id="button" value="验证" onclick="check()" />
</p>
</form>
</body>
</html>
相关文章
这篇文章主要介绍了jquery实现简单的自动播放幻灯片效果,较为详细的介绍了html页面布局、css样式设置及jQuery控制自动播放幻灯的相关技巧,需要的朋友可以参考下2015-06-06
这篇文章主要介绍了jQuery中nextUntil()方法用法,实例分析了nextUntil()方法的功能、定义及匹配同辈元素的技巧与注意事项,需要的朋友可以参考下2015-01-01
这篇文章主要为大家详细介绍了jquery鼠标滚动数字增加插件的使用方法，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2019-10-10
随着WEB2.0及ajax思想在互联网上的快速发展传播，陆续出现了一些优秀的Js框架，其中比较著名的有Prototype、YUI、jQuery、mootools、Bindows以及国内的JSVM框架等2011-01-01![jQuery对象[0]是什么含义？](//img.jbzj.com/images/xgimg/bcimg4.png)
s[0]倒底是什么？(s为jQuery对象)2010-07-07
随着智能手机的普及，越来越多的用户喜欢通过手机中浏览网页。今天这篇文章为大家推荐最佳6款用于移动应用的 jQuery 图片滑块插件，这些插件很好的处理了触屏事件，效果平滑，帮助你构建用户体验良好的移动网站2012-07-07
这篇文章主要通过实例向大家介绍了Javascript与jQuery方法的隐藏与显示的方法,需要的朋友可以参考下2015-01-01
jQuery的ready函数为我们编写打开页面时运行的脚本提供了方便，让我们不必再关注什么window.onLoad之类的事件，但是最近发现自己之前写的代码有点滥用这个函数了。2011-02-02
html方法当不传参数时用来获取元素的html内容2011-04-04
现在讲一下几个比较经典，而且比较常用的 jQuery 技巧，相信你能举一反三。2010-03-03
![jQuery对象[0]是什么含义？](http://img.jbzj.com/images/xgimg/bcimg4.png)
最新评论