<div>
Ok, if you are trying to attach the keyup event to your input named &quot;name&quot; and ask if the value is greater than 3, do the following:<br />
<br />

<pre><code id="code-20-42038122-1">$(document).ready(function(){
		$('input[name=name]').keyup(function(){
			if($('input[name=name]').val().length &gt;3){
				$(&quot;.loader&quot;).show();	
				}
			});
		});</code></pre>
</div>


Ok, if you are trying to attach the keyup event to your input named "name" and ask if the value is greater than 3, do the following:



$(document).ready(function(){
		$('input[name=name]').keyup(function(){
			if($('input[name=name]').val().length >3){
				$(".loader").show();	
				}
			});
		});

<div>
<div class="content wysiwyg-content">
I have two text fields which are pretty much the same. The only difference is that one has a name of &quot;name&quot; and the other a name of &quot;surname&quot;. <br />
<br />
I am trying to not use ID's but rather just &quot;input&quot; to trigger a loader when either has text inputted. <br />
<br />

<pre><code id="code-10-29007320-1">$(document).ready(function(){
		$(&quot;input&quot;).keyup(function(){
			if(&quot;input&quot;.length &gt;3){
				$(&quot;.loader&quot;).show();	
				}
			});
		});</code></pre>
<br />
The loader should only display after 3 characters are entered. With this code, the loader appears after typing only one character. <br />
<br />
Secondly, how can I get the loader to show in the text box that has text being entered into it?
</div>
</div>


I have two text fields which are pretty much the same. The only difference is that one has a name of "name" and the other a name of "surname". 

I am trying to not use ID's but rather just "input" to trigger a loader when either has text inputted. 

(CODE)

The loader should only display after 3 characters are entered. With this code, the loader appears after typing only one character. 

Secondly, how can I get the loader to show in the text box that has text being entered into it?

how to use .length with &quot;input&quot;

jQuery (Core) is a cross-browser JavaScript library that provides abstractions for common client-side tasks such as Document Object Model (DOM) traversal, DOM manipulation, event handling, animation and Ajax. jQuery also provides a platform to create plugins that extend jQuery's capabilities beyond those already provided by the library.

how to use .length with &quot;input&quot;

how to use .length with "input"