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

JavaScript选择单选按钮

3 个答案: