Проблемы сгенерированного значения кода qr в поле ввода с использованием JavaScript - PullRequest
Новая
       9

Проблемы сгенерированного значения кода qr в поле ввода с использованием JavaScript

0 голосов
/ 03 декабря 2018

JavaScript-коды и HTML-коды

Я пытаюсь поместить сгенерированное значение qr-кода, который вводимый текст для сохранения в моей базе данных SQLite не может передать чертовски значению qr-кода 

var resultDiv;

document.addEventListener("deviceready", init, false);

function init() {
    document.querySelector("#startScan").
        addEventListener("touchend", startScan, false);
	
	resultDiv = document.querySelector("#results");//works in <p id="results"></p>
	
	resultDiv = document.querySelector('#text4');//wont work at all <input id="text4" type="text" placeholder="Book Info"/>
	
}

function startScan() {

	cordova.plugins.barcodeScanner.scan(
        
        function (result) {
			var s = result.text.split('|');
            result.format;
			result.cancelled;

			resultDiv.innerHTML = s;
        }, 
        

		function (error) {
			alert("Scanning failed: " + error);
		}
	);
	

}

JavaScript codes and HTML codes
<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>qrBorrowers</title>
    <link rel="stylesheet" href="css/style.css">
</head>

<body>
    <script type="text/javascript" src="cordova.js"></script>

    <nav>
        <div class="topnav">
            <a href="add.html">Add</a>
            <a href="borrow.html">Borrow</a>
            <a href="return.html">Return</a>
            <a href="generate.html">QR code</a>
        </div>
    </nav>

    <Label>
        <h1> &nbsp; Borrow a Book </h1>
    </Label>

    <div class="borrow">


        <input id="text1" type="text" placeholder="Borrower Number" onfocus="this.value=''"/>

        <input id="text2" type="text" placeholder="Borrower Last Name" onfocus="this.value=''" />

        <input id="text3" type="text" placeholder="Borrower First Name" onfocus="this.value=''" />

        <input id="text4" type="text" placeholder="Book Info"/>

        <input id="text6" type="date" placeholder="Date Borrowed" />

        <br>

    </div>

    <div class="borrow">
        
        <p id="results"></p>

        <button id="startScan">Start Scan</button>

        <button id="savedb">Save </button>

    </div>

    <script type="text/javascript" src="js/scanQR.js"></script>

</body>

</html>

Ответы [ 2 ]

0 голосов
/ 04 декабря 2018

С внутренним HTML он не будет сохранять ваш сгенерированный QR-код в поле ввода.Вам нужно изменить innerHTML на значение, чтобы сохранить значение в поле ввода, чтобы вы могли использовать его при отправке формы в качестве значения для сохранения в базе данных.

var resultDiv;

document.addEventListener("deviceready", init, false);

function init() {
    document.querySelector("#startScan").
        addEventListener("touchend", startScan, false);
	
	resultDiv = document.querySelector("#results");//works in <p id="results"></p>
	
	resultDiv = document.querySelector('#text4');//wont work at all <input id="text4" type="text" placeholder="Book Info"/>
	
}

function startScan() {

	cordova.plugins.barcodeScanner.scan(
        
        function (result) {
			var s = result.text.split('|');
            result.format;
			result.cancelled;

			resultDiv.value = s;
        }, 
        

		function (error) {
			alert("Scanning failed: " + error);
		}
	);
	

}

JavaScript codes and HTML codes
<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>qrBorrowers</title>
    <link rel="stylesheet" href="css/style.css">
</head>

<body>
    <script type="text/javascript" src="cordova.js"></script>

    <nav>
        <div class="topnav">
            <a href="add.html">Add</a>
            <a href="borrow.html">Borrow</a>
            <a href="return.html">Return</a>
            <a href="generate.html">QR code</a>
        </div>
    </nav>

    <Label>
        <h1> &nbsp; Borrow a Book </h1>
    </Label>

    <div class="borrow">


        <input id="text1" type="text" placeholder="Borrower Number" onfocus="this.value=''"/>

        <input id="text2" type="text" placeholder="Borrower Last Name" onfocus="this.value=''" />

        <input id="text3" type="text" placeholder="Borrower First Name" onfocus="this.value=''" />

        <input id="text4" type="text" placeholder="Book Info"/>

        <input id="text6" type="date" placeholder="Date Borrowed" />

        <br>

    </div>

    <div class="borrow">
        
        <p id="results"></p>

        <button id="startScan">Start Scan</button>

        <button id="savedb">Save </button>

    </div>

    <script type="text/javascript" src="js/scanQR.js"></script>

</body>

</html>
0 голосов
/ 04 декабря 2018

Для сохранения значения в поле ввода не следует использовать «resultDiv.innerHTML = s;»Скорее вы должны использовать «resultDiv.value = s», который сохранит ваш код в поле ввода, которое вы можете использовать для сохранения в базе данных SQLite.

...