Home Forums Pro tips Share your tips! Forms that submit on enter

  • Author
    Posts
  • #6116 Score: 0
    Ben
    Ben
    Moderator
    21 pts

    Letting users hit “enter” to submit a form is a common pattern in web design. There are two ways to simulate the experience in UXPin:

    When the user hits “enter”

    1. Select nothing to make the right-hand Canvas Properties menu appear.
    2. Create a new interaction: on key press.
    3. For that interaction, hit return in the “key” field. The word “enter” will appear.
    4. Choose what should happen in the “action” drop-down list. For example, you could have it visit a different page that displays search results.

    The only caveat: this will work any time the user hits “enter,” whether or not they’ve clicked on a form element.

    When the user exits an input field

    1. Select an input element.
    2. Create a new interaction: on blur.
    3. Choose what should happen in the “action” drop-down list, as in step 4 above.

    As soon as a user clicks or tabs out of that input field, the form will “submit” to a new page or interaction. Try it yourself.

    Attachments:
    You must be logged in to view attached files.

You must be logged in to reply to this topic. Click here to login or register