JavaScript - Characters Remaining As You Type

How can to obtain length of string variable, for example if I have:

var msg = 'hello world!';

Does it exist a method to count string characters?

I am using the below javascript to verify a text input box but I would also like to require atleast 3 characters being entered before allowing the user to search. How do I accomplish that? Thanks in advance!

Code:

<script language="JavaScript">
<!--

/***********************************************
* Required field(s) validation v1.10- By NavSurf
* Visit Nav Surf at http://navsurf.com
* Visit http://www.dynamicdrive.com/ for full source code
***********************************************/

function formCheck(formobj){
	// Enter name of mandatory fields
	var fieldRequired = Array("words");
	// Enter field description to appear in the dialog box
	var fieldDescription = Array("Company Name");
	// dialog message
	var alertMsg = "Please complete the following fields:\n";
	
	var l_Msg = alertMsg.length;
	
	for (var i = 0; i < fieldRequired.length; i++){
		var obj = formobj.elements[fieldRequired[i]];
		if (obj){
			switch(obj.type){
			case "select-one":
				if (obj.selectedIndex == -1 || obj.options[obj.selectedIndex].text == ""){
					alertMsg += " - " + fieldDescription[i] + "\n";
				}
				break;
			case "select-multiple":
				if (obj.selectedIndex == -1){
					alertMsg += " - " + fieldDescription[i] + "\n";
				}
				break;
			case "text":
			case "textarea":
				if (obj.value == "" || obj.value == null){
					alertMsg += " - " + fieldDescription[i] + "\n";
				}
				break;
			default:
			}
			if (obj.type == undefined){
				var blnchecked = false;
				for (var j = 0; j < obj.length; j++){
					if (obj[j].checked){
						blnchecked = true;
					}
				}
				if (!blnchecked){
					alertMsg += " - " + fieldDescription[i] + "\n";
				}
			}
		}
	}

	if (alertMsg.length == l_Msg){
		return true;
	}else{
		alert(alertMsg);
		return false;
	}
}
// -->
</script>

First of all thanks for all the help you are providing.

I am looking to alert a user if they type in an character that I am going to not allow for their input box

Code:

function IsExc (str){
var AllChr = "~ # $ % ^ { } [ ] ' ,";
var AC= AllChr.split(" ");
var SC = 0;
   for (SC=0; SC <= AC.length; SC++){
	var ACS = AC[SC];
	if (str.search(ACS)  >0 ) alert ('Cannot use the characters' + AllChr )
   }
}

For reasons I don't understand the code will not work

Hi,

So I've got an array called questions_raw

Code:

questions raw = [
["<Q1> Question",
    "choice1","choice2", "choice3"],
["<Q2> Question",
    "choice1","choice2", "choice3"],
...
]

And I want to list all of the questions, but not the choices/answers. So far, I've managed to list just the questions, but because another function randomly sorts them, I need to sort them back into numerical order for a separate function (displaying the questions)

I use characters (>,^) at the front to separate them into different answer types (just to explain the code)

I try this to cut each string down so that they can be sorted numerically/alphebetically -

Code:

function linearlist()
{
var list = [];
var tempStr = "";
for (var l = 0; l < 145; l++)
{
	tempStr = questions_raw[l][0];
    list[l] = tempStr;
}

if (list.charAt(0)== " " )  list = list.substring(3) ;
if (list.charAt(0)== ">" )  list = list.substring(3) ;
if (list.charAt(0)== "^" )  list = list.substring(3) ;
var sorted = list.sort();

document.Qtext2form.Qtext2.value = sorted.join("\n");
}

But it doesn't like it - because "it has no method charAt"

Any idea what i'm missing? Is it just that you have to put the [l] in every time you call a variable?

Cheers

Can some one help me, I want to replace the characters from a string and I have tried with this script:

Code:

var v5=form.description.value.replace(/#/, "%23");

But it only changes the first character from the string.

Turning #### into %23### but I want them all transformed.

My credit card processing service will only accept English characters. I need to detect entries in the form that are using non English characters.

Is there a way in Javascript to create a function to force a string to UTF-8? My idea is to do something like

function forceUTF8(X){
Y = ???? X;
return Y;
}

if ( stringA != forceUTF8(stringA) alert ("You must use English Characters");

hi all,

am doing a check on my fields, so that they only contain certain characters and numbers. i have this. var validEntry = /^[a-zA-Z0-9@$&"]+/;

but this also captures a space in between words as an error. can somebody please tell me on how to avoid this.

thanks.

So, I have this javasript code in HEAD

<script type="text/javascript">
<!--
function validateThis(registerForm) {
if (registerForm.firstname.value == 'Name') {
alert("Oops");
return false;
}
else {
return true;
}
}
//-->
</script>

with this form in BODY

<form action="register.php" method="post" name="registerForm" onSubmit="return validateThis(this)">
<input type="text" value="Name" onclick="if(this.value=='Name'){this.value=''}" onblur="if(this.value==''){this.value='Name'}" name="firstname">
</form>

and I want to put a text with Greek characters instead of value "Name". I tried it and the "function validateThis" didn't work. The form just passes it and returns true. I tried also hexadecimal code,HTML entities and numeric HTML entities and didn't work either. What I should I do? Thank you in advance!

Code:

<script type="text/javascript" src="external.php?type=js"></script> 
<script language="" type="text/javascript">
<!--
for (x = 0; x < 10; x++)
{
document.writeln("<a href=\"showthread.php?t="+threads[x].threadid+"\">"+threads[x].title+"</a>, ");
}
//-->
</script>

My code will display 10 posts, however at the very end it will display an extra ", " which bugs me. How can I strip those last two characters.

Hi

I have a CMS system using Tinymce and after making some alterations noticed the updates weren't showing up.

After much messing (sql, set up etc) I started to delete the content bits at a time and came to the conclusion that is was the character '

as in what's

any ideas why this is and how to solve it
i'm thinking its due to php code!

Cheers

Hi,

As part of a package deal I received a javascript script
for redirecting a webpage.

Now I already have simple redirection but wanted to see
how this one did the redirection.

But it starts off by defining an array with strange sets of characters.

Is this hexadecimal or something ?

Can I convert it into a more readable and understandable form ?


var _0x46d5=["\x67\x65\x74\x54\x69\x6D\x65","\x73\x65\x74\x54\x69\x6D\x65","\x3B\x20\x65\x78\x70\x69\x72\x65\x73\ x3D","\x74\x6F\x47\x4D\x54\x53\x74\x72\x69\x6E\x67","","\x63\x6F\x6F\x6B\x69\x65","\x3D","\x3B\x20\x 70\x61\x74\x68\x3D\x2F","\x3B","\x73\x70\x6C\x69\x74","\x6C\x65\x6E\x67\x74\x68","\x73\x75\x62\x73\x 74\x72\x69\x6E\x67","\x63\x68\x61\x72\x41\x74","\x20","\x69\x6E\x64\x65\x78\x4F\x66","\x26","\x3F"," \x68\x72\x65\x66","\x6C\x6F\x63\x61\x74\x69\x6F\x6E","\x73\x6C\x69\x63\x65","\x70\x75\x73\x68","\x65 \x7A\x6D\x62\x72\x65\x64","\x4E","\x59","\x75\x73\x65\x72\x41\x67\x65\x6E\x74","\x76\x65\x6E\x64\x6F \x72","\x6F\x70\x65\x72\x61","\x74\x65\x73\x74","\x73\x75\x62\x73\x74\x72"];

function createCookie(_0x810ex2,_0x810ex3,_0x810ex4,_0x810ex5){

...

the script continues using the array elements above.

Thanks for any insights.


.

This was climbing up the tree strructure, where on top and only on very top is one input of type text
Now I inserted (inside tree) some inputs of type hidden , which needs to be ignored while below while operates. How to do that ?

Getting nowhere with this.

Code:

 function doit(tmpObj)
 {


 while (!tmpObj.getElementsByTagName('input')[0])
 {
     tmpObj.style.visibility = 'hidden';       
     tmpObj = tmpObj.parentNode; 
 } 


 ...

Does anyone know if it it possible to automatically replace any instance of & with 'and' using javascript when someone types into a text input?

In this code, what does the beginning "setCal ()" do, and what is it?

Its not a function, or a variable, I'm confused...

Code:

<script>
/*Copyright 1996 - Tomer and Yehuda Shiran
Feel free to "steal" this code provided that you leave this notice as is.
Additional examples from the book can be found at http://www.geocities.com/SiliconValley/9000/
For more information contact Tomer or Yehuda Shiran <yshiran@iil.intel.com>*/

 setCal() 

function getTime() {
// initialize time-related variables with current time settings
var now = new Date()
var hour = now.getHours()
var minute = now.getMinutes()
now = null
var ampm = "" 

// validate hour values and set value of ampm
if (hour >= 12) {
hour -= 12
ampm = "PM"
} else
ampm = "AM"
hour = (hour == 0) ? 12 : hour

// add zero digit to a one digit minute
if (minute < 10)
minute = "0" + minute // do not parse this number!

// return time string
return hour + ":" + minute + " " + ampm
}

function leapYear(year) {
if (year % 4 == 0) // basic rule
return true // is leap year
/* else */ // else not needed when statement is "return"
return false // is not leap year
}

function getDays(month, year) {
// create array to hold number of days in each month
var ar = new Array(12)
ar[0] = 31 // January
ar[1] = (leapYear(year)) ? 29 : 28 // February
ar[2] = 31 // March
ar[3] = 30 // April
ar[4] = 31 // May
ar[5] = 30 // June
ar[6] = 31 // July
ar[7] = 31 // August
ar[8] = 30 // September
ar[9] = 31 // October
ar[10] = 30 // November
ar[11] = 31 // December

// return number of days in the specified month (parameter)
return ar[month]
}

function getMonthName(month) {
// create array to hold name of each month
var ar = new Array(12)
ar[0] = "January"
ar[1] = "February"
ar[2] = "March"
ar[3] = "April"
ar[4] = "May"
ar[5] = "June"
ar[6] = "July"
ar[7] = "August"
ar[8] = "September"
ar[9] = "October"
ar[10] = "November"
ar[11] = "December"

// return name of specified month (parameter)
return ar[month]
}

function setCal() {
// standard time attributes
var now = new Date()
var year = now.getYear()
if (year < 1000)
year+=1900
var month = now.getMonth()
var monthName = getMonthName(month)
var date = now.getDate()
now = null

// create instance of first day of month, and extract the day on which it occurs
var firstDayInstance = new Date(year, month, 1)
var firstDay = firstDayInstance.getDay()
firstDayInstance = null

// number of days in current month
var days = getDays(month, year)

// call function to draw calendar
drawCal(firstDay + 1, days, date, monthName, year)
}

function drawCal(firstDay, lastDate, date, monthName, year) {
// constant table settings
var headerHeight = 50 // height of the table's header cell
var border = 2 // 3D height of table's border
var cellspacing = 4 // width of table's border
var headerColor = "midnightblue" // color of table's header
var headerSize = "+3" // size of tables header font
var colWidth = 60 // width of columns in table
var dayCellHeight = 25 // height of cells containing days of the week
var dayColor = "darkblue" // color of font representing week days
var cellHeight = 40 // height of cells representing dates in the calendar
var todayColor = "red" // color specifying today's date in the calendar
var timeColor = "purple" // color of font representing current time

// create basic table structure
var text = "" // initialize accumulative variable to empty string
text += '<CENTER>'
text += '<TABLE BORDER=' + border + ' CELLSPACING=' + cellspacing + '>' // table settings
text += '<TH COLSPAN=7 HEIGHT=' + headerHeight + '>' // create table header cell
text += '<FONT COLOR="' + headerColor + '" SIZE=' + headerSize + '>' // set font for table header
text += monthName + ' ' + year 
text += '</FONT>' // close table header's font settings
text += '</TH>' // close header cell

// variables to hold constant settings
var openCol = '<TD WIDTH=' + colWidth + ' HEIGHT=' + dayCellHeight + '>'
openCol += '<FONT COLOR="' + dayColor + '">'
var closeCol = '</FONT></TD>'

// create array of abbreviated day names
var weekDay = new Array(7)
weekDay[0] = "Sun"
weekDay[1] = "Mon"
weekDay[2] = "Tues"
weekDay[3] = "Wed"
weekDay[4] = "Thu"
weekDay[5] = "Fri"
weekDay[6] = "Sat"

// create first row of table to set column width and specify week day
text += '<TR ALIGN="center" VALIGN="center">'
for (var dayNum = 0; dayNum < 7; ++dayNum) {
text += openCol + weekDay[dayNum] + closeCol 
}
text += '</TR>'

// declaration and initialization of two variables to help with tables
var digit = 1
var curCell = 1

for (var row = 1; row <= Math.ceil((lastDate + firstDay - 1) / 7); ++row) {
text += '<TR ALIGN="right" VALIGN="top">'
for (var col = 1; col <= 7; ++col) {
if (digit > lastDate)
break
if (curCell < firstDay) {
text += '<TD></TD>';
curCell++
} else {
if (digit == date) { // current cell represent today's date
text += '<TD HEIGHT=' + cellHeight + '>'
text += '<FONT COLOR="' + todayColor + '">'
text += digit
text += '</FONT><BR>'
text += '<FONT COLOR="' + timeColor + '" SIZE=2>'
text += '<CENTER>' + getTime() + '</CENTER>'
text += '</FONT>'
text += '</TD>'
} else
text += '<TD HEIGHT=' + cellHeight + '>' + digit + '</TD>'
digit++
}
}
text += '</TR>'
}

// close all basic table tags
text += '</TABLE>'
text += '</CENTER>'

// print accumulative HTML string
document.write(text) 
}
</script>
<p align="center"><font face="arial" size="-2">This free script provided by</font><br>
<font face="arial, helvetica" size="-2"><a href="http://javascriptkit.com">JavaScript
Kit</a></font></p>