Is it possible to use jQuery to initiate a change event without losing focus

Here is a script that I am currently using:

$(".b").hide();
$(".uid").bind("change", function() {
    if($(this).val().length>0) {
        $(".b").show();
    } else {
        $(".b").hide();
    }
});

The current functionality requires me to click outside of ".uid" in order to show ".b". Is there a way to make it so that ".b" shows up as soon as something is entered into the field without needing to click out of it? The submit button should be visible immediately once text is entered into the text field.

jquerybind

Answer №1

You can try using the event handler keyup instead:

$(".b").hide();
$(".uid").on("keyup", function() {
    if($(this).val().length > 0) {
        $(".b").show();
    } else {
        $(".b").hide();
    }
});​

Here is a link to the code on jsFiddle

Similar questions

If you have not found the answer to your question or you are interested in this topic, then look at other similar questions below or use the search

Determine the id value by selecting spans within a div using jquery

I am looking to extract the id value from the spans. Many thanks, Jean ...

jquery

Using jQuery to make hidden divs visible again

I have a group of products arranged side by side within a div, and I am using a script to hide them one by one. However, at a certain point, all the products have disappeared, and I am struggling to make them re-appear. I've attempted to use .show bu ...

jquerytimeouthideshow

Transfer a term to a different division - JavaScript Object Model

I am trying to achieve a specific task where I need to move one term under another in SharePoint. However, despite my efforts using JSOM and SharePoint 2013, I have not been able to find a direct method for moving terms. The code snippet I have used below ...

javascriptjquerygitsharepointsharepoint-online

Locate the source attribute of an image using JQuery

How can I use JQuery to extract the img src link? <tbody> <tr> <td headers="header_0 header_1">&#160;<img src="https://this-link-here.com" width="26" height="24" ...

jqueryparsing

Initiating an AJAX call to the Twitter API 1.1 search using jQuery

Check out this easy example of accessing Twitter's search API to retrieve tweets associated with a hashtag that is known for having a lot of activity, like #fml. I think I am using the application-only authentication properly according to this guide: ...

ajaxjquerytwittertwitter-oauth

Improving jQuery Selectors Optimization

Recently, I've been pondering about the impact of specifying selectors very specifically versus very loosely in jQuery on performance. For example: $('$myId .someElement') Versus $('table#myId > tbody > tr > td > div.some ...

jqueryoptimization

Tips for making jQuery maphilight function properly?

Can someone assist me with Mapilight? I have been trying to get it to work but no success so far. Here are the script links in the head section of my HTML. <script type="text/javascript" src="/js/jquery.js"></script> <script type="text/ja ...

javascriptjqueryhtmlmaphilight

Transferring data from jQuery Ajax to PHP

I'm facing a challenge in retrieving a value back to PHP that I can manipulate and save to the database. It appears that using the GET method with jQuery AJAX is not yielding the desired results. Below is the PHP code snippet where I attempt to captur ...

phpjavascriptjqueryajax

Is there a way to turn off step navigation in bootstrap?

Displayed below is a visual representation of the bootstrap step navigation component. Presently, there is an unseen 'next' button located at the bottom of the page. When this 'next' button is pressed, it transitions from 'step-1 ...

javascriptjqueryhtmlcsstwitter-bootstrap

Utilizing JQuery AJAX and PHP for Data Encoding

My webpage is encoded in HTML with the charset ISO-8859-2. All content on the page adheres to this charset and appears correctly. However, I am facing an issue when making an Ajax call to a PHP server. When I send the character á and receive the same valu ...

phpjqueryhtmlajaxencoding

Problem with X-editable clicking functionality on Chrome browser

Bootstrap version 3 Having trouble with X-editable inline mode - the button click is not hiding the inline form if there are no changes in the field. I found some older discussions about this issue in the thread linked below, but they are from 8 months ag ...

jquerygoogle-chrometwitter-bootstrap-3x-editable

Adjust the width of the dropdown menu to match the text input field using jQuery

Struggling with jquery-mobile to collect user information, I am facing an issue aligning the width of my select menu with the text input fields. Despite successfully matching the background and border colors of the select menu with the text input fields, ...

jqueryhtmlcssjquery-mobile

I want to switch images when the mouse hovers over the pager on Bxslider

My goal is to use mouse hover instead of clicking on the circles in bxSlider's pager, but I am unsure how to achieve this. I attempted changing the source code from click to hover, as demonstrated on a site like this one. The original code snippet lo ...

jquerybxslider

reqParam = $.getQueryParameters(); How does this request work within an ajax form

I've spent a lot of time searching, but I can't figure out what the code reqParam = $.getQueryParameters(); means and how it is used in Ajax JavaScript. I copied this Java script from a website as an example. If anyone has any insights, please he ...

javascriptjqueryajax

JavaScript debugging causing system freeze

Currently, I am working on a project that involves using MVC and dropdown lists. My issue arises when the dropdown list changes, as there is some javascript code that needs to execute. To troubleshoot the problem of the system locking up every time I tried ...

javascriptjqueryasp.net-mvcie11-developer-tools

Using jQuery AJAX to send a URL as a string parameter

Currently, I have an ajax function that sends a string of variables to my script. However, there is one variable that needs to hold a complete URL along with parameters. In the current setup, var1 and var2 are received as $_POST variables. But I specifica ...

javascriptphpjqueryajax

The CSS selector functions as expected when used in a web browser, however, it

While conducting test automation using Selenium, I typically rely on css selectors to find elements. However, I recently came across a peculiar issue. I observed that in certain cases, the css selector works perfectly when tested in the browser console. Fo ...

javascriptjquerycssseleniumcss-selectors

using jQuery to eliminate an HTML element based on its attribute

How can I remove an element with the attribute cursor = "pointer"? I want to achieve this using JavaScript in HTML. Specifically, I am looking to remove the following item: <g cursor="pointer"></g>. It's unclear to me why this element has ...

javascriptjqueryhtml

Harnessing the Power of JSON in Rails to Enhance Your jQuery UI Autocomplete Form

In the context of a rails application, I have been exploring different methods to fetch data from a JSON file. Despite my efforts, I have not been able to find a solution that suits my requirements. The static data I have is quite extensive, consisting of ...

javascriptjqueryruby-on-railsrubyjson

Update the query string in the src attribute of the image tag

I'm facing a challenge with our products loading at specific sizes and quality that I need to address. I am looking to update a portion of the img src code: &wid=128&hei=144&qlt=80 to: &wid=256&hei=288&qlt=100 I have attemp ...

jqueryhtml