Question

I have a tag-based search form (just like the tag-based text boxes you see on Facebook or S/O where you enter a word and press the corresponding delimiter key on the keyboard)

On my website, you type a word in the text field, and press enter to ‘confirm’ or ‘accept’ that keyword, which enables you to enter another.

The problem with this is, that even though you may have finished entering your search query, pressing enter does not submit the form (obviously), because e.preventDefault() has been enabled so i can use enter button to accept/confirm each tag.

What I want to do is, instead of (albeit, slightly) inconveciencing my users, is to submit the form when they press enter if they have not entered any (or any new) tags.

I’ll try to explain it more clearly with this image:

Would this at all be possible?

Answer 1

$("#tags").keyup( function(e){
    if ( e.which === 13 ) {
        if ( /*value is not empty*/ ) { //add tag             
        } else {
            $("#formID").submit();
        }
    }
});

i think that this is what you are looking for