Сравнение информации ввода пользователя с данными в базе данных в web2py с помощью jQuery - PullRequest
Новая
       13

Сравнение информации ввода пользователя с данными в базе данных в web2py с помощью jQuery

0 голосов
/ 17 сентября 2018

У меня есть 3 div, один div для ввода регистрационного кода (#code), другой div - это div состояния регистрации кода (#regCode), который показывает, является ли регистрационный код правильным или неправильным, и третий div ( #itemDetails) это форма для регистрации деталей элемента, где пользователи регистрируют свои элементы в приложении. Я пытаюсь добиться того, чтобы форма регистрации div (#itemDetails) была скрыта и что пользователь должен ввести код регистрации в коде div (#code), когда регистрационный код верен для второго div ( #regCode) div должно отобразить сообщение Правильный код зеленым цветом, после чего должна появиться форма регистрации div (#itemDetails). Но если пользователь вводит неправильный код регистрации, div состояния кода (#regCode) отображает сообщение Неверный код красным цветом и не отображает форму регистрации div (#itemDetails).
Предполагается, что это просто, но почему-то мне не удается добиться этого в коде, это мой код ниже:

КОД МОДЕЛИ 

db.define_table('regKeys',
            Field('regKey', requires=IS_NOT_EMPTY()), migrate=False, fake_migrate=True)

КОД КОНТРОЛЛЕРА 

def bMarket():
key_exists = not db(db.regKeys.regKey == request.vars.regCode).isempty()
if key_exists:
        message="Correct Key"
        return DIV(message, _id="regCodeTarget", _style="color: white; border: solid 1px green; width: 160px; background-color: green; font-weight: bold; padding: 3px; border-radius:5px;")
else:
    return DIV("Incorrect Key", _id="regCodeTarget", _style="color: white; border: solid 1px red; width: 160px; background-color: red; font-weight: bold; padding: 3px; border-radius:5px;")

КОД JQUERY 

   <script>
        /*THIS SHOULD HAPPEN IF THE TEXT DISPLAYED IN THE regCodeTarget DIV IS CORRECT KEY*/
        $(document).ready(function(){
             $("#itemDetails").hide();
            $("#regcode").keydown(function(){
                $("#regCodeTarget").show();
        if($("#regCodeTarget").text()=="Correct Key")
        {
         $("#itemDetails").show();
        }
                else if($("#regCodeTarget").text()=="Incorrect Key"){
                $("#itemDetails").hide();
                }
            });
$(function () { $("[data-toggle='tooltip']").tooltip(); });
         });
</script>

КОД ПРОСМОТРА 

<form id="myform">
<div style="border: solid 1px white; border-radius: 10px; padding: 5px; width: 200px;">
<div id="code"> <!--REGISTRATION CODE DIV-->
<input id="regcode"  maxlength="20" type="text"  name="regCode" autocomplete="off" onkeyup="ajax('bMarket', ['regCode'], 'regCodeTarget')" placeholder="Enter Reg Code" data-toggle="tooltip" data-placement="right" title="This code is a 20 character code that allows you to register your product with Sesoa&trade;. It is for sale, it costs P100.00. Sms RegCode to 76135061 to get your registration code."/><br />
        <br />
<div id="regCodeTarget"></div> <!--REGISTRATION CODE STATUS (CORRECT or INCORRECT)-->
    </div>

<div id="itemDetails"> <!--REGISTRATION FORM DIV-->
<input type="text" name="fullNames" class="field" id="fullName" placeholder="Full Names"/><br />
<div class="target" id="target"></div>

<input type="text" name="contactNumber" class="field" id="contactNumber" placeholder="Contact Number"/><br />
<div class="target" id="target"></div>
<input type="text" name="product" class="field" id="product" placeholder="What is your product?"/><br />
<div class="target" id="target"></div>
                </div>
        </div>



    </div>
</form>

Ниже приведена ссылка на пример приложения, над которым я работал, нажмите на ссылку sesoa exchange market выше и введите этот код V3VP1X9WC4LYEN7OZZ4L и посмотрите мою проблему ССЫЛКА: Биржа Сесоа

...