Kreditkarte input-Validierung mittels regular expression in javascript

Ich habe versucht, dieses zu erhalten getan, aber kein Erfolg. Ich bin mit den regulären Ausdruck zur Validierung der Kreditkartennummer eingegeben durch den Benutzer auf der Grundlage der Art der Kreditkarte, die durch die radio-Taste.
Aber ich keed mit der Warnung für alle wenn - Anweisung. Es sieht aus wie alle wenn sonst Aussagen getestet.

There is the HTML code fragment: 

<code>
<p><b>Payment Information:</b></p>
         <fieldset>
            <input type="radio" name="payment" value="Visa" id="visa" />Visa &nbsp;
            <input type="radio" name="payment" value="Master Card" />Master Card &nbsp;
            <input type="radio" name="payment" value="American Express" />American Express &nbsp;
            <input type="radio" name="payment" value="Discover" />Discover <br /><br />
            <label>Card Number:</label>
            <input type="text" name="cardNumber" id="cardNum" size="30" value="" onblur="ValidateCreditCardNumber()" />
</code>



And there is my javascript function :

<code>

function ValidateCreditCardNumber(){

    var ccNum = document.getElementById("cardNum").value;



    var visaRegEx = /^(?:4[0-9]{12}(?:[0-9]{3})?)$/;
    var mastercardRegEx = /^(?:5[1-5][0-9]{14})$/;
    var amexpRegEx = /^(?:3[47][0-9]{13})$/;
    var discovRegEx = /^(?:6(?:011|5[0-9][0-9])[0-9]{12})$/; 


    if (visaRegEx.test(ccNum) === false ){ //Visa validation
       alert("Please provide a valid Visa number!");   
        }  
      else  
        {  
         alert("Thank You!");  
        }  

    if (mastercardRegEx.test(ccNum) === false){ //MasterCard validation
        alert("Please provide a valid MasterCard number!");  
        }  
      else  
        {  
        alert("Thank You!");  
        } 

    if(amexpRegEx.test(ccNum) === false){ //Amex  validation
        alert("Not a valid America Express number!");  
        }  
      else  
        {   
        alert("Thank You!");  
        } 

    if (discovRegEx.test(ccNum) === false){ //Discover validation
        alert("Please provide a valid Discover number!"); 
        }  
      else  
        {  
        alert("Thank You!");  
        } 


    }
</code>


Any kind of help or advice would be really appreciated.

Gibt es keine mathematischen Regeln zum überprüfen von Kreditkartennummern? Siehe en.wikipedia.org/wiki/Luhn_algorithm
Ich glaube, es gibt, aber ich habe schon gesagt, zu "regulären Ausdruck verwenden" statt.
"Sagte" von wem? Sagen Sie Ihnen, es gibt bessere Möglichkeiten
Ein Regulärer Ausdruck wird lediglich überprüft, die format von einem eingegeben Wert - regex nicht berechnen kann eine CC-Nummer ist die Prüfziffer, zum Beispiel, was auch getan werden sollte. Aber ich beachten Sie, dass diese regexs verhindern, dass der Benutzer von der Eingabe der CC Nummer mit Leerzeichen oder Bindestriche ein (das verbessert die Lesbarkeit und usability). Ich denke, Sie sollten nur eine Mindestlänge check und lassen Sie Ihre back-End-payment-Prozessor, der die eigentliche Validierung+Verifizierung der zahlen.

InformationsquelleAutor Cyrille | 2016-11-23

javascript regex

Haben Sie 4 verschiedene if Blöcke in Ihrem Fall, und das trifft jeden einzelnen Datensatz, wenn die Vorherige einmal nicht.

Ersetzen if mit if else dieser Weg, wenn nur Gültigkeit für einen einzigen Anwendungsfall.
Auch brauchst du nicht, lass die user wissen, um spezifisch über die Art der Karte, die er versucht, zu geben. Nur eine einzige Meldung geben Sie eine gültige Zahl sollte ausreichen.

function ValidateCreditCardNumber() {

  var ccNum = document.getElementById("cardNum").value;
  var visaRegEx = /^(?:4[0-9]{12}(?:[0-9]{3})?)$/;
  var mastercardRegEx = /^(?:5[1-5][0-9]{14})$/;
  var amexpRegEx = /^(?:3[47][0-9]{13})$/;
  var discovRegEx = /^(?:6(?:011|5[0-9][0-9])[0-9]{12})$/;
  var isValid = false;

  if (visaRegEx.test(ccNum)) {
    isValid = true;
  } else if(mastercardRegEx.test(ccNum)) {
    isValid = true;
  } else if(amexpRegEx.test(ccNum)) {
    isValid = true;
  } else if(discovRegEx.test(ccNum)) {
    isValid = true;
  }

  if(isValid) {
     alert("Thank You!");
  } else {
     alert("Please provide a valid Visa number!");
  }
}

Da sind wir optimieren hier, warum nicht bewerten isValid wie diesen: var isValid = visaRegEx.test(ccNum)) || mastercardRegEx.test(ccNum)) || amexpRegEx.test(ccNum)) || discovRegEx.test(ccNum));
Hier ist eine genauere Discover card regex: stackoverflow.com/a/13500918/2718874

InformationsquelleAutor Sushanth --

Ändern Sie Ihre Logik:

<script type="text/javascript">

//Store the regexes as globals so they're cached and not re-parsed on every call:
var visaPattern = /^(?:4[0-9]{12}(?:[0-9]{3})?)$/;
var mastPattern = /^(?:5[1-5][0-9]{14})$/;
var amexPattern = /^(?:3[47][0-9]{13})$/;
var discPattern = /^(?:6(?:011|5[0-9][0-9])[0-9]{12})$/; 

function validateCreditCardNumber() {

    var ccNum  = document.getElementById("cardNum").value;

    var isVisa = visaPattern.test( ccNum ) === true;
    var isMast = mastPattern.test( ccNum ) === true;
    var isAmex = amexPattern.test( ccNum ) === true;
    var isDisc = discPattern.test( ccNum ) === true;

    if( isVisa || isMast || isAmex || isDisc ) {
        //at least one regex matches, so the card number is valid.

        if( isVisa ) {
            //Visa-specific logic goes here
        }
        else if( isMast ) {
             //Mastercard-specific logic goes here
        }
        else if( isAmex ) {
            //AMEX-specific logic goes here
        }
        else if( isDisc ) {
            //Discover-specific logic goes here
        }
    }
    else {
        alert("Please enter a valid card number.");
    }
}

</script>

Meine Logik war tot wrrong. Dieser hat perfekt funktioniert. Vielen Dank @Dai

InformationsquelleAutor Dai

Dieser sollte den job tun,

var cc = /^(?:4[0-9]{12}(?:[0-9]{3})?|5[1-5][0-9]{14}|(222[1-9]|22[3-9][0-9]|2[3-6][0-9]{2}|27[01][0-9]|2720)[0-9]{12}|6(?:011|5[0-9][0-9])[0-9]{12}|3[47][0-9]{13}|3(?:0[0-5]|[68][0-9])[0-9]{11}|(?:2131|1800|35\d{3})\d{11}|62[0-9]{14})$/

cc.test(card_number)

Quelle: vee-überprüfen der repo -

InformationsquelleAutor Adam F

Schreibe einen Kommentar

Du musst angemeldet sein, um einen Kommentar abzugeben.