Html iOS Safari通过单击按钮触发扫描信用卡
嗨，我正在创建一个测试应用程序。当用户单击文本字段名称或卡号时，扫描信用卡功能对我有效。我的问题是:Html iOS Safari通过单击按钮触发扫描信用卡,html,ios,safari,Html,Ios,Safari,嗨，我正在创建一个测试应用程序。当用户单击文本字段名称或卡号时，扫描信用卡功能对我有效。我的问题是: 我希望当用户单击“按钮1”时也会发生同样的情况-这将打开相机扫描卡并填充现有的文本字段，即姓名、卡号和到期日期。另外，它还应该显示哪些字段无法填充 在扫描卡片时，我是否可以在摄像头屏幕上添加诸如“您的详细信息不会被存储”之类的文字 谢谢你的帮助。我的html代码如下： <html> <head> <title>Scan Credit card</
<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).trigger("autofill");
}
} else {
state = 0;
}
});
$(document).on("autofill", function() {
alert("Autofill Detected");
});
$("#button1").click(function () {
});
</script>
</body>
</html>
扫描信用卡
名称
卡片
到期日期
2015
2016
2017
01
02
03
var events=“焦点输入更改模糊”
var states=events.split（“”）
var最大延迟=100；
var状态=0；
var启动；
$（“输入[name=cardNumber]”）。关于（事件，函数（事件）{
if（event.type==状态[0]）{
状态=1；
开始=event.timeStamp；
}else if（event.type==状态[状态]）{
状态++；
if（state==states.length&（event.timeStamp-start