iOS Safari sortinggger Scan Carte de crédit en cliquant sur le button

Salut, je suis en train de créer une application de test. La fonction de carte de crédit de balayage fonctionne pour moi quand l'user clique sur le champ de text Nom ou cardNumber. Ma question est:

  1. Je veux que la même chose se produise lorsque l'user clique sur "button1" – cela devrait ouvrir l'appareil photo pour numériser la carte et remplir les champs de text existants à savoir le nom, le numéro de carte et la date d'expiration. sur un bonus, il devrait également montrer quels champs il n'a pas pu remplir.

  2. Sur l'écran de l'appareil photo lors de la numérisation de la carte, puis-je append du text supplémentaire comme "vos données ne seront pas stockées"?

Merci de votre aide. mon code html est ci-dessous:

<html> <head> <title>Scan Credit card</title> </head> <body> <input type="button" id="button1" value="Scan Your card" /> <form> <!-- NAME --> <label for="Name">Name</label> <input type="text" placeholder="Name on card"> <!-- CC# --> <label for="cardNumber">Card</label> <input name="cardNumber" type="text" placeholder="4514..." pattern="[0-9]*"> <br> <label>Expiration Date</label> <!-- YEAR --> <select name="year"> <option value="2015">2015</option> <option value="2016">2016</option> <option value="2017">2017</option> </select> <!-- MONTH --> <select name="month"> <option value="1">01</option> <option value="2">02</option> <option value="3">03</option> </select> <br> <input type="reset"> </form> <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script> <script> var events = "focus input change blur" var states = events.split(" ") var MAX_DELAY = 100; var state = 0; var start; $("input[name=cardNumber]").on(events, function(event) { if (event.type == states[0]) { state = 1; start = event.timeStamp; } else if (event.type == states[state]) { state++; if (state == states.length && (event.timeStamp - start < MAX_DELAY)) { state = 0; $(document).sortinggger("autofill"); } } else { state = 0; } }); $(document).on("autofill", function() { alert("Autofill Detected"); }); $("#button1").click(function () { }); </script> </body> </html>