JavaScript选择单选按钮

Question

要创建付款单，我该如何查看用卡正则表达式输入的信用卡号，然后选择所输入卡号的正确单选按钮？

这是我到目前为止的内容：

function selectCardType(){
   var cardNumValue = document.getElementById("ccNum").value;
   var visa = /^4[0-9]{12}(?:[0-9]{3})?$/;
   var mc = /^5[1-5][0-9]{14}$/;
   var discover = /^(?:011|5[0-9]{2})[0-9]{12}$/;
   var amex = /^3[47][0-9]{13}$/;

   if(visa.test(cardNumValue))
   {
       document.getElementById("visa").checked = true;
   }
   else if(mc.test(cardNumValue))
   {
      document.getElementById("mc").checked = true;
   }
   else if(discover.test(cardNumValue))
   {
       document.getElementById("discover").checked = true;
   }
   else if(amex.test(cardNumValue))
   {
       document.getElementById("amex").checked = true;
   }
 }

Answer 1

您的代码正在运行，请看一下：

http://codepen.io/anon/pen/mJPjap

<input type="number" id="ccNum" onchange="selectCardType()" />

Answer 2

签证正则表达式

^4[0-9]{12}(?:[0-9]{3})?$^5[1-5][0-9]{14}$

美国运通正则表达式

^3[47][0-9]{13}$

正则表达式

^65[4-9][0-9]{13}|64[4-9][0-9]{13}|6011[0-9]{12}|(622(?:12[6-9]|1[3-9][0-9]|[2-8][0-9][0-9]|9[01][0-9]|92[0-5])[0-9]{10})$

主卡正则表达式

^(?:4[0-9]{12}(?:[0-9]{3})?|5[1-5][0-9]{14})$

Answer 3

单选按钮需要组合在一起。 如果不是，则允许选择多个单选按钮。 该示例在http://codepen.io/anon/pen/jPqpdJ下

<input type="radio" name="card" id="mc" /> mc