js根据银行卡号判断属于哪个银行，并返回银行缩写及银行卡类型

最新推荐文章于 2023-05-23 11:53:00 发布

ur home

最新推荐文章于 2023-05-23 11:53:00 发布

阅读量9.3k

点赞数 8

分类专栏： vue2.x 文章标签：前端 vue typescript

本文链接：https://blog.csdn.net/wz_coming/article/details/110383385

版权

这是一个使用Vue和TypeScript/JavaScript实现的功能，通过银行卡号查询所属银行和银行卡类型。代码利用axios从Alipay API获取验证信息，然后根据内部的代码映射表显示银行名称和类型。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

根据银行卡号判断属于哪个银行，并返回银行缩写及银行卡类型

可以把这段代码拷贝到自己的vue项目中，根据银行卡号获取所属银行，银行名称，银行编码，银行卡种。
正确展示在这里插入图片描述

1.vue+ts+elementui

<template>
  <div>
    <el-row>
      <el-col :span="8">
        <el-form ref="formRef" :model="formModel" :rules="formRule">
          <el-form-item label="银行卡卡号" prop="bankcard">
            <el-input v-model="formModel.bankcard"></el-input>
          </el-form-item>
          <el-button @click="submit">查询</el-button>
        </el-form>
      </el-col>
      <el-col :span="8" :offset="2">
        <p>银行卡类型: {
   {
    bankType }}</p>
        <p>银行卡名称: {
   {
    bankName }}</p>
      </el-col>
    </el-row>
  </div>
</template>
<script lang='ts'>
import {
    Component, Vue } from "vue-property-decorator";
import axios from "axios";
import codeMap from "./codemap.json";
@Component({
   
  name: "bankNameCp",
})
export default class extends Vue {
   
  private formModel: any = {
   
    bankcard: "",
  };
  private formRule: any = {
   
    bankcard: [{
    required: true, message: "请输入卡号", trigger: "blur" }],
  };
  private bankName: string = "无";
  private bankType: string = "无";
  private cardType: any = {
   
    'CC': "信用卡",
    'DC': "储蓄卡",
	'SCC': "准贷记卡",
	'PC': "预付费卡"
  };
  private submit() {
   
    (this.$refs.formRef as any).validate(async (valid: boolean) => {
   
      if (valid

最低0.47元/天解锁文章