How to set minimum value in textfield

[Walle]

<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">

$.fn.updater = function ()
{
	$("div#db_res").load('result.php', { qs: $(this).val() });
	return this;
};

$(document).ready(function(){

$("input[name='qs']").updater().focus().keyup(function(){
	var str = $(this).val(); 
	$("div#result").html( "Input: " + str ); 
	$(this).updater(str);
});

});
</script>

<form action="index.php" method="get">
<input type="text" name="qs" value=""><input type="submit">
</form>

<div id="result">Input: <?php echo $_GET['qs']; ?></div>
<div id="db_res"></div>

Hi, not good in javascript but need help with textfield named "qs". I want before it load result.php, submits or do anything at least 3 characters is typed into this textfield.

How can i do this?

[Krik]

Add an "onblur" event to the input field that will run some javascript that with check it.

<input type="text" name="qs" value="" onblur="CheckField(this)">

Then have javascript check the length of the field

function CheckField(obj) {

if (obj.value.length <= '3') {
    alert('Name field must be more than 3 character long');
    obj.focus();
}
}

Now that is bit rough on the user as once they click the field they can not get off it till they have more than 3 characters in the field. But hopefully it gives you a place to start.

Also you could add an "onsubmit" event to the <form> tag and have that check the field. And to keep it from submitting you would just use a "return false" in the "if" statement, in place of the "obj.focus()".

[Walle]

<script type="text/javascript" src="jquery-latest.js"></script>
<script type="text/javascript" src="jquery.validate.js"></script>
<script type="text/javascript">

//--------------------------------------
$(document).ready(function(){

$("#myform").validate({  

  rules: {
    field: {
      required: true,
      minlength: 3
    }
  }
});
//--------------------------------------

$.fn.updater = function ()
{
	$("div#db_res").load('result.php', { field: $(this).val() });
	return this;
};

$("input[name='field']").updater().focus().keyup(function(){
	var str = $(this).val();
	$("div#result").html( "Input: " + str );
	$(this).updater(str);
});

});
</script>
<form id="myform" action="index.php" method="get">
    <input id="field" name="field">
    <input type="submit" value="Validate!">
    </form>

I found on jquery some piece of code for this but can’t get it work really. Codesnip is commented between //------------- Submit button work after I typed in 3 characters as it should but result.php still loads as soon something typed in. Any ideas how to use it correctly?