本帖最後由 gamezz 於 2015-9-11 12:54 編輯
cordova v4 裝左這個plugin:
https://github.com/vkeepe/card.io
scan完張卡,會比返 card number我,
angularjs assign 唔倒個value落去 (frontend no update),
但jquery又得...  - <input type="tel" placeholder="•••• •••• •••• ••••" class="cc-number" data-clear-btn="true" id="card_no" ng-model="payment.card_no" autocomplete="cc-number">
- <div ng-show="canScan">
- <a href="#" id="plan_scancard_btn" ng-click="scanCard();" style="color:#000; text-decoration:none; display:block">
- <i style="font-size:1.2em" class="fae-scan"></i><div style="font-size:0.8em; line-height:1em;" data-t="scan"></div>
- </a>
- </div>
複製代碼- ang.controller('PlanController', function($scope, $http) {
- $scope.canScan = false;
- $scope.payment = {
- card_no: ""
- ,exp_mm: ""
- ,exp_yy: ""
- ,cvv: ""
- };
- CardIO.canScan($scope.onCardIOCheck);
- $scope.scanCard = function() {
- CardIO.scan({
- "expiry": true,
- "cvv": true,
- "zip": false,
- "suppressManual": false,
- "suppressConfirm": false,
- "hideLogo": true
- },
- $scope.onCardIOComplete,
- $scope.onCardIOCancel
- );
- }
-
- $scope.onCardIOCheck = function(canScan) {
- $scope.canScan = true;
- }
- $scope.onCardIOCancel = function() {
- //alert("card.io scan cancelled");
- }
- $scope.onCardIOComplete = function(response) {
- //alert("card.io scan complete");
- //not work
- $scope.payment.card_no = response["redacted_card_number"];
-
- //work
- $("#card_no").val( response["redacted_card_number"] );
- }
- });
複製代碼 |