php - Check whether input values are equal -
i want use code barcode scanner follows:
the scanned barcode entered in insert_code input , want display "code ok", when value in search_code = insert_code.
my code, after validation, clears input search_code , annoying have reintroduce same code in search_code every time again.
what can keep value in search_code after each validation?
<form action="" method="post"> cod i:<input type="text" name="search_code" value=""/><br/><br/> cod ii:<input type="" name="insert_code" value=""/><br/><br/> <input type="submit" name="button" value="validation" /> </form> <?php $search_code = $_post ["search_code"]; $insert_code = $_post ["insert_code"]; if ($search_code == $insert_code){ echo "code ok"; } else { echo "code not ok"; } ?>
you can without php, give better user-experience. here live example, run see work:
// identify form elements: var search_code = document.getelementbyid('search_code'); var insert_code = document.getelementbyid('insert_code'); var result = document.getelementbyid('result'); var button = document.getelementbyid('button'); // respond button click button.onclick = function validate() { // show verification result: result.textcontent = search_code.value == insert_code.value ? 'code ok' : 'code not ok'; // clear input when wrong: if (search_code.value !== insert_code.value) { insert_code.value = ''; } return false; }; insert_code.oninput = function () { result.textcontent = ''; // clear result; };<form action="" method="post"> cod i:<input type="text" name="search_code" id="search_code" value=""/><br/><br/> cod ii:<input type="" name="insert_code" id="insert_code" value=""/><br/><br/> <input type="submit" id="button" name="button" value="validation" /> </form> <div id="result"></div>the test done in javascript, responds button click , cancels form's submission server (return false).
as bonus "ok/not ok" message cleared type new value in second input box.
how use code
here how code should in document:
<body> <form action="" method="post"> cod i:<input type="text" name="search_code" id="search_code" value=""/><br/><br/> cod ii:<input type="" name="insert_code" id="insert_code" value=""/><br/><br/> <input type="submit" id="button" name="button" value="validation" /> </form> <div id="result"></div> <script> // identify form elements: var search_code = document.getelementbyid('search_code'); var insert_code = document.getelementbyid('insert_code'); var result = document.getelementbyid('result'); var button = document.getelementbyid('button'); // respond button click button.onclick = function validate() { // show verification result: result.textcontent = search_code.value == insert_code.value ? 'code ok' : 'code not ok'; // clear input when wrong: if (search_code.value !== insert_code.value) { insert_code.value = ''; } return false; }; insert_code.oninput = function () { result.textcontent = ''; // clear result; }; </script> </body> note content part has differences yours: every input has id attribute, , there div.
Comments
Post a Comment