We Keep Coding

How to get a select's options by first and last characters

I am trying to select an option to be viewed from a select dropdown. The code works by selecting the first characters of the element (e.g "Wood_20Sept" "Fire_20Sept" "Water_20Sept"). Snippet of the working code:
filterList(document.getElementById("worldElementsList"), /^Wood/i);
So this would select any options with the word "wood".
Like:
"Wood_20Sept"
"Wood_20Mar"
"Wood_20May"
Problem is now there is a version 2 of these groups ("Wood_20Sept_V1" "Wood_20Sept_V2" "Fire_20SeptV1" "Fire_20SeptV2")
So I want to select the options by first and last: "Wood" and "V2".
So basically I need the code to say this:
filterList(document.getElementById("bankInfoList"), /^Wood/i && /v2$/i);
But that will only select the "V2"

Follow below steps:
A.Take whole string as a array
B. Find array[length-1] and array[length-2]
To match last elements with your string

How to remove a set of first 3 characters in an input field, after user is done typing - with jQuery

Is there any way I can remove a match of a set of first 3 characters in an input field, once a user is done typing, with jQuery?

If you want to remove first three characters after user has moved his cursor to other field, use this code...
$('#yourInputField').blur(function(event) {
field = event.target;
value = field.value;
$('#yourInputField').val(value.substring(3,value.length));
});

how to remove previous text when user enter a new number or character and start typing in javascript or jquery

I have a textbox ,i want whenever user start entering a number in that texbox the previous value should be remove.
Let say there is a textbox which contain a number as 23 ,i want whenever user start typing in that same textbox 23 shold be remove and new enetered number should be shown.

You can use the select function on text inputs and textareas to select all of the text. Then when the user types, the text gets replaced.
For example, if the input or textarea has the id "target":
document.getElementById("target").select();
Live Example | Source

Maybe you can do something like this
<input type="text" onclick="clear(this);">
And then make the javascript function named clear (or whatever name you want)
<javascript type="text/javascript">
function clear(element)
{
element.value = "";
}
</script>

How to restrict the text field to enter only digits

I am trying to create a text field for entering dates that accepts only digits. If any one enter any other character, no need to display in the text field and the cursor need to remain in the same position(no need to move to the next character position). If the entered value is a number , then need to show in the text field and need to move the cursor to the next level.
So at last the text field contains only the numbers.
I am using the following code,
$("#date").keyup(function(event){
//var c=(event).keyCode;
var c= String.fromCharCode(event.keyCode);
var cval = $(this).val();
alert("Characters="+c);
if(isNumber(c))
$(this).val(cval+c);
}
Advanced Thanks,
VSoft

In HTML5 you can use input type as number.
You can do this:
$('#date').keyup(function () {
this.value = this.value.replace(/[^0-9\.]/g,'');
});
I think you need jQuery Input Mask Plugin

you should run your function only when Focus is on the requested text field

formatting textfield input

I've a text field.
I'm to type the email in it.. eg. username#domain.com
What I want is that, as soon as the user types the char "#", the remaining part of the string gets masked so that it appears to the user viewing as username#**********
But in the backend, the real keys typed has to be captured somehow.
Is there a way to do that using javascript?

I have no idea why you'd want to do that, but you could add an onKeyPress function to the text field which adds the typed letter to a hidden field and then updates the text field with the starred-out copy.

Try with jQuery
$("input").keyup(function(){
var charIndex = $(this).val().indexOf("#");
if(charIndex!=-1){
charIndex++; // to start with character after #
$("#hidEmail").val($(this).val());
var replaceStr = "";
for(i=0;i< ($(this).val().length-charIndex) ; i++){
replaceStr=replaceStr+"*";
}
$(this).val($(this).val().replace($(this).val().substr(charIndex),replaceStr));
}
});

You can use OnKeyDown event to capture the user input.
Using a hidden field, keep the real value in there. When a new character is pressed, add it to the value from the hidden field and in the text field display the masked text.
Also you have to be carefull with special characters (backspace in particular).