I want to hide a specific input on a page unless a user types a Hotmail address into a different input. Whenever the user types in a hotmail address, I want to show the input. If the address is removed, I'd like it to disappear. How can this be accomplished with jQuery?
I know I'm going about this incorrectly, but here's what I have so far:
$(function() {
if($("select#combobox").val() *= '@hotmail') {
$('#hotm').show();
}
else {
$('#hotm').hide();
}
});
You can try something like this:
$("select#combobox").blur(function() {
if ($(this).val().indexOf('@hotmail')>-1)
$('#hotm').show();
else
$('#hotm').hide();
});
this is to check after the user takes focus off the combobox...you might wanna use a different event depending on your needs/style, like .change() or whatever.
This checks direct on typing... Here is a working example: http://jsfiddle.net/Ltapp/
var myString = '@hotmail';
$("input").keyup(function () {
var value = $(this).val();
if($(this).val().match(myString)) {
$('#hotm').show();
} else {
$('#hotm').hide();
}
});
*=is for multiplication, it has nothing to do with equality or pattern matching.