How disable go to next field and submit Form on keyCode == “enter” (13) on Android

user_6473369 0
Viewed 219

I have a form

<form action="#" class="form">
<input class="form__input" type="text" name="name" required>
<input class="form__input" type="tel" name="tel" required>
<button class="form__button" type="submit">Submit</button>
</form>

and jQuery code

$('.form .form__input').keydown(function (event) {
        if (event.keyCode == 13) {
            event.preventDefault();
            $(this).blur();
            return false;
        }
});

See in action: https://codepen.io/maxbeat/pen/XWXGZLM

I want only blur input field after press key Enter. PC and iOs devices work good, but Android after press key Enter go to next input field, how disable this?

jquery-mobile mobile android jquery javascript
1 Answers

please try following code hope this will helpful to you

function checkCR(evt) {
            var evt = (evt) ? evt : ((event) ? event : null);
            var node = (evt.target) ? evt.target : ((evt.srcElement) ? evt.srcElement : null);
            if ((evt.keyCode == 13) && (node.type == "textarea") && (node.name == "field1"))
            {
                return false;
            }
        }
        document.onkeypress = checkCR;
user_48479440
Related