The problem is i dont know why my script code is not not executing,it registers already registered users
below is my register.html
{% extends "layout.html" %}
{% block title %}
Register
{% endblock %}
{% block main %}
<form action="/register" method="post">
<div class="form-group">
<input autocomplete="off" autofocus class="form-control" name="username" placeholder="Username" type="text">
</div>
<div class="form-group">
<input class="form-control" name="password" placeholder="Password" type="password">
</div>
<div class="form-group">
<input class="form-control" name="confirmpass" placeholder="Confirm Password" type="password">
</div>
<button class="btn btn-primary" type="submit">Register</button>
</form>
<script>
var input = document.getElementsbyName("username");
input.onkeyup = function(){
$.get('/check?username=' + input.value, function(data){
if (data == "false")
{
alert('Username taken!');
document.getElement('form').addEventListener("submit", function(event){
event.preventDefault();
});
}
});
}
</script>
{% endblock %}
here is my check function
def check():
"""Return true if username available, else false, in JSON format"""
username = request.args.get("username")
name_exist = db.execute("SELECT username FROM users WHERE username = :username",
username = username)
if(len(name_exist)>0):
return jsonify("false")
else:
return jsonify("true")