Javascript invalid character issue

Hello,

Sorta new with JavaScript... so don't kill me with jargon.

I am trying to make a script that will only allow text to be inputted into a textarea that is from a drop down menu. My problem is the textarea/textbox id is pre-set and unchangeable by the shopping cart system I use. (*Changing it will make it un-upgradeable in the future)

Here is what I have so far:

Expand|Select|Wrap|Line Numbers

 <html>

<head>

<title>Dropdown to Textbox</title>

<script type="text/javascript">

function setName(child)

{
 
     document.all.attrib-1-0.value = child.options[child.selectedIndex].text;
 
}

</script>

</head>

<body>
 
<select name="name" onchange="setName(this)">

<option value="001">AJ</option>

<option value="002">Andrew</option>

<option value="003">Andy</option>

</select>
 
<input type="text" name="id[txt_1]" size="32" maxlength="32" value="" id="attrib-1-0" />
 
</body>

</html>

If you replace "attrib-1-0.value" with "foo" in both the script and the text field you will see a working version of the code. It's the invalid characters that mess it up. Now, I have tried to comment the invalid characters out with "/" but it didn't work.

Any suggestions?

Jul 7 '08 #1

Subscribe Post Reply

2842

acoder

16,027

Expert Mod 8TB

Firstly, change document.all to document.getElementById. For the ID, use a string:

Expand|Select|Wrap|Line Numbers

document.getElementById("attrib-1-0")...

Jul 7 '08 #2

jasmel

ok...

That suggestion helped me with another issue I was having: (using the getElementById)

Expand|Select|Wrap|Line Numbers

 <script type="text/javascript">

function notEmpty(){

    var myTextField = document.getElementById('attrib-1-0');

    if(myTextField.value != "")

        alert("You entered: " + myTextField.value)

    else

        alert("Please select child's name from dropdown menu")        

}

</script>

however, I still can't get the selected option to go into the textbox using the getElementById

Expand|Select|Wrap|Line Numbers

 <html>

<head>

<title>Dropdown Option To Textbox</title>
 
<script type="text/javascript">

function notEmpty(){

    var myTextField = document.getElementById('attrib-1-0');

    if(myTextField.value != "")

        alert("You entered: " + myTextField.value)

    else

        alert("Please select child's name from dropdown menu")        

}

</script>
 
<script type="text/javascript">

function setName(child)

{
 
     document.getElementById.("attrib-1-0") = child.options[child.selectedIndex].text;
 
}

</script>

</head>

<body>
 
<select name="name" onchange="setName(this)">

<option value="001">AJ</option>

<option value="002">Andrew</option>

<option value="003">Andy</option>

</select>
 
<input type="text" name="id[txt_1]" size="32" maxlength="32" value="" id="attrib-1-0" />
 
<input type='button' onclick='notEmpty()' value='Submit' />
 
</body>

</html>

Jul 7 '08 #3

acoder

16,027

Expert Mod 8TB

You're not using it correctly. Look how you used it in the notEmpty() function.

Expand|Select|Wrap|Line Numbers

 document.getElementById("attrib-1-0").value = child.options[child.selectedIndex].text;
 

Jul 7 '08 #4

jasmel

I also just remembered to put a readonly on the text box as well. Hopefully this will stop folks from ordering the wrong child's names.

Originally I had a drop down menu of child's names then the customer had to input the data into the correct text box. It became a nightmare..

Thanks again!

Jul 7 '08 #5

jasmel

I used your readOnly script found here:

http://www.w3schools.com/htmldom/prop_text_readonly.asp

You're the best!

Jul 8 '08 #6

acoder

16,027

Expert Mod 8TB

If you needed the value instead of the names, you could replace ".text" with ".value" or even document.getElementById("attrib-1-0").value.

Just a point to bear in mind: client-side error checking is not enough, it's only a convenience. Someone could modify or turn off JavaScript. The real checking should take place on the server-side. You may already have done, but thought I'd just make sure.

Oh, and I'm glad to see that you're happy with the service! ;)

Jul 8 '08 #7

Similar topics

Putting "javascript:" in front of code?

by: delerious | last post by:

I see some code examples like this: <DIV onmouseover="this.style.background='blue'"> and other code examples like this: <DIV onmouseover="javascript:this.style.background='blue'"> Which...

Javascript

REQ: New Question Form ( new JavaScript Student )

by: Sue | last post by:

In this code why is it that when I press the SUBMIT button the focus only goes back to the Numeric field. What do I need to do to correct this problem? Sue <html>

Javascript

REQ: Question on how to call functions (New JavaScript Student)

by: Sue | last post by:

After finishing up my first quarter JavaScript on 12/12/03, I decided to improve character checking on my project. In my project I only had to do very basic validation. Therefore, I only had one...

Javascript

Character encodings and invalid characters

by: Safalra | last post by:

The idea here is relatively simple: a java program (I'm using JDK1.4 if that makes a difference) that loads an HTML file, removes invalid characters (or replaces them in the case of common ones...

HTML / CSS

Javascript, ODBC, and Oracle functions returning cursors

by: Roger Redford | last post by:

Dear Experts, I'm attempting to marry a system to an Oracle 817 datbase. Oracle is my specialty, the back end mainly, so I don't know much about java or javascript. The system uses javascript...

Javascript

Problem With String Containing JavaScript Escape Character

by: Jeff S | last post by:

In a VB.NET code behind module, I build a string for a link that points to a JavaScript function. The two lines of code below show what is relevant. PopupLink = "javascript:PopUpWindow(" &...

ASP.NET

ASPX, VBScript, JavaScript, Double-Underscored Variables and setTimeOut

by: Shadow Lynx | last post by:

That subject packs a whallop, so let me explain in better detail what's happening and how it relates to ASPX pages... In a nutshell, if the first <script /on a page is of type "text/vbscript",...

ASP.NET

Unable to get line-breaks for a JavaScript 'alert' message using ClientScript.RegisterStartUpScript

by: Wayne Deleersnyder | last post by:

Hi All, I'm trying to create a function that will cause a pop-up alert to appear if dates which were chosen from a drop-down list were invalid on a page. There's 4 dates, so there's the...

C# / C Sharp

Why do this? <SCRIPT TYPE="text/javascript"

by: Steve | last post by:

Hi; I've being going through some legacy code on an old JSP site I have been patching. I noticed that when I save the JSP down to my PC as an HTML file I get this javascript error in IE 6 ( ...

Javascript

Cloud Servers without Credit Card and Email Registration: A Simpler Way to Get on the Cloud

by: CloudSolutions | last post by:

Introduction: For many beginners and individual users, requiring a credit card and email registration may pose a barrier when starting to use cloud servers. However, some cloud server providers now...

General

Access Europe: Command bars, the Access Shortcut Tool and a simple Audit Log - Wed 3 April

by: isladogs | last post by:

The next Access Europe User Group meeting will be on Wednesday 3 Apr 2024 starting at 18:00 UK time (6PM UTC+1) and finishing by 19:30 (7.30PM). In this session, we are pleased to welcome former...

General

Easy Steps to Fix "Canon Printer Won't Connect to WiFi Network"

by: taylorcarr | last post by:

A Canon printer is a smart device known for being advanced, efficient, and reliable. It is designed for home, office, and hybrid workspace use and can also be used for a variety of purposes. However,...

General

How to turn on java script in a villaon keypad mobile phone

by: Charles Arthur | last post by:

How do i turn on java script on a villaon, callus and itel keypad mobile phone

Java

Basic Javascript concepts

by: aa123db | last post by:

Variable and constants Use var or let for variables and const fror constants. Var foo ='bar'; Let foo ='bar';const baz ='bar'; Functions function $name$ ($parameters$) { } ...

Javascript

Batch import of multiple excel files into the database

by: ryjfgjl | last post by:

If we have dozens or hundreds of excel to import into the database, if we use the excel import function provided by database editors such as navicat, it will be extremely tedious and time-consuming...

Data Management

Merging data from multiple Excel files

by: ryjfgjl | last post by:

In our work, we often receive Excel tables with data in the same format. If we want to analyze these data, it can be difficult to analyze them because the data is spread across multiple Excel files...

Data Management

Migrating Website to Cloud - Emmanuel Katto

by: emmanuelkatto | last post by:

Hi All, I am Emmanuel katto from Uganda. I want to ask what challenges you've faced while migrating a website to cloud. Please let me know. Thanks! Emmanuel

General

How to build RAID in BIOS?

by: Hystou | last post by:

There are some requirements for setting up RAID: 1. The motherboard and BIOS support RAID configuration. 2. The motherboard has 2 or more available SATA protocol SSD/HDD slots (including MSATA, M.2...

Computer Hardware