JavaScript - Textbox Backgroundimage ?

Hi,

i got a textbox with a submit button but when submit button is clicked it works but it reloads the page.

is possible to submit without reload the page?

thanks

Hello

How am I able to add a a cross to the right of a textbox which once click it clears the text from the textbox, sort of like the way Google do it, I have been trying to do this for ages now and can't seem to find a way to do it.

Any help welcome, thank you.

- DJCMBear

Hey guys, I recently found a small code in internet which use option value in select tag to insert value in text box, so text box has the exact same value as selected option:

Code:

<form name="theform" onsubmit="CheckForm()">

<select name="myOptions" onchange="document.theform.showValue.value=this.value">


<option name="(some dynamic text)" id="(some dynamic text)" value="I am the first option">I am the first option</option>
<option name="(some dynamic text)" id="(some dynamic text)" value="I am the second option">I am the second option</option>
<option name="(some dynamic text)" id="(some dynamic text)" value="I am the third option">I am the third option</option>
<option name="(some dynamic text)" id=""(some dynamic text)" value="I am the third option">I am the fourth third option</option>

</select>
<input type="text" name="showValue"><br>
</form>

Now what I want is simple and a little different from this one, I want the text box value to be as exact as selected option name or id (doesn't matter which one) which means if an option selected, text box value has to follow that option name or id.

Thanks folks.

OK, my javascript is not that good. So I need your help!

I need to create a text box that will only work if a certain code is entered. So if 1234 is in the text box and submit is clicked, then it will take you to the site. IF not then it will print "Please enter correct code" next to the submit button.

Here is what I have so far:


<input name="txtBox" type="text"/>

<input name="btnButton" type="button" value="Submit" onclick="return checkValue()" />




<script type="text/JavaScript">
function checkValue()
{
var secretcode = document.getElementById("txtBox");


if (secretcode == "1234")
{
document.location.href = 'secret.html';
}
}
</script>

Thank you for your help!

how can i pass the var to textboxes

Code:

var win = 0;
var loss = 0;
var draw = 0;

if (c == u) {
draw++;
return "It's a draw";
}

else if ((c == "Fire") && (u == "Air")) {
loss++;
return "You Lose, Fire beats Air!";

}
else if ((c == "Fire") && (u == "Earth")) {
draw++;
return "It's a draw!";

}
else if ((c == "Fire") && (u == "Water")) {
win++;
return "You Win, Fire is beaten by Water!";
}

<tr><td><input type=text size=5 name=w ></td><td>win</td></tr>
<tr><td><input type=text size=5 name=l></td><td>loss</td></tr>
<tr><td><input type=text size=5 name=d></td><td>draw</td></tr>

Is it easy to add a smiley script to a guestbook ?

I want a few faces like the ones on this page..

I hope there is some simple way to do this - google didnt really help me..

Its something like this im after :

Visitor click on a smiley and following text goes to the textbook
<img src="http://domain/images/smiley.gif"

Thanks in advance...

Hi,

I have a text-box where you enter the phone nos. On key-press, i have written a validation code to enter only nos and "-". I have disabled Ctrl+v, but my customer want to enable ctrl+v for that text-box only. My requirement is after pasting the value it should automatically check for validation.. How to do it?

Thanks...

hi, I would to validate a textbox, and limit it to 3alphabets and 3 numbers.
That is after the user have input 3 alphabets, he can only enter 3 numbers and nothing more. Can someone help me out?

how would you make a function that cheks if any text is in a text box.

My code is not validating the textboxes..if someone could help me figure this out.
Thank you

<script type="text/javascript">
function validate() {
with (document.form1) {
var reg = /^([A-Za-z0-9_\-\.])+\@([A-Za-z0-9_\-\.])+\.([A-Za-z]{2,4})$/;
var alertMessage = "The following fields\nare REQUIRED:\n\n";
if (realname.value == "") {
alertMessage += "Name\n" }
if(reg.test(email.value) == "") {
alertMessage += "Email\n" }
if (phone.value == "") {
alertMessage += "Phone\n" }
if (security_code.value == "") {
alertMessage += "Security Code\n" }
if (alertMessage != "The following fields\nare REQUIRED:\n\n") {
alert(alertMessage);
return (false);}
return (true)
}
}
</script>


<form action="formmail.php" method="post" enctype="multipart/form-data" name="form1" id="form1" onsubmit="return validate()" >





Reply With Quote




01-31-2015, 09:12 AM #2
Philip M View Profile View Forum Posts

Supreme Master coder! Join Date Jun 2002 Location London, England Posts 18,371 Thanks 204 Thanked 2,573 Times in 2,551 Posts

Have you tried using your error console (F12 key)?

if(reg.test(email.value) == "") { should be
if(!reg.test(email.value) {

as test returns true or false.


But form validation of the pattern if (document.formname.formfield.value == "") - that is blank or empty- is barely worthy of the name, and virtually useless, as even a single space, an X or a ? will return false, that is pass the validation. A proper name may only contain letters, hyphen, space and apostrophe.
Numeric values, such as zip codes, phone numbers and dates, should be validated as such. Ditto email addresses (as you have done). This topic has been covered many times before in this forum.


The use of with is strongly deprecated and is forbidden in strict mode, and alerts are long obsolete as a way of displaying a message to your users. And so is assigning a name to a form - it is allowed only for the sake of backwards compatibility.

In short - you should rewrite your code to modern standards.

I would like to type something into my textbox and then press ENTER, it will execute a function.

I tried onFocus, onChange and onBlur but it doesn't do what I want it to.

Here's an example I use for onChange.

Code:

Application: <input type="text" onchange="execProg(0);">

Any comments or suggestions is greatly

Hi,

I am having a very difficult time trying to get my text box to validate. I successfully validated my first program using prompts but now when I am using a HTML form I cannot get it to work. I have spent hours upon hours trying to get this working, any help would be greatly appreciated.

Code:

<html>
	<head>
	<title></title>
		<script type="text/javascript">
		function validateform()
			{
				var temp = document.forms["inputform"]["temperature"].value
				while ((isNaN(temp)) || (temp == ""))
					{
					alert("Please enter a number");
					return false;
					}
				if (parseFloat(temp) > 35)
						{
						alert("Wow, it's really hot!");
						}
						
					else if (parseFloat(temp) <= 35) && (parseFloat(temp) >= 18))
							{
							alert("It's a comfortable temperature right now");
							}
										
					else if (parseFloat(temp) < 18)
								{
								alert("Brrr, it's a little bit cold for my liking");
								}
					else
						{
						alert("Goodbye, and thanks for using TempReader");
						}		
			}
		</script>
	</head>
	<body> 
	<form name="inputform" method="post" action="">
			<table>
				<tr><td>What Is The Temperature?</td><td><input   type="text" name="temperature"></td></tr>
				<!-- Below is submit button that when pressed validates the form -->
				<tr><td></td><td><input type="submit" value="Submit Details" onclick = validateform()></td></tr>
			</table>
		</form>	
	</body>
</html>

hi,

I am tring to display some texts in a textbox using \n to create a new line but it does not work.

PHP Code:
<script>
document.getElementById("txtbox1").value=" this is my firstline \n This is my second line \n this is my third line"
</script>




<input type="text" id="txtbox1"> 


thanks

Hello ! I am trying to create an auto suggest drop down.

I have some ASP and Javascript code that I am using as an Autosuggest. Trouble is, the result displays on the main page, not under the text box like a drop down menu. I need help in getting the results to display correctly underneath the textbox. I have trawlled the internet and have loads and loads of code samples but I cant see the wood for the trees and I am really struggling with editing this code so that it displays correctly.



clienthint.asp

Code:

<%@LANGUAGE="VBSCRIPT" CODEPAGE="65001"%>
<html>
<head>
<script src="clienthint.js"></script> 
</head>
<body>
<%
'this displays the value of the textbox after the form is submitted
If trim(Request("txt1")) <> "" Then
	Response.Write "You entered:"
	Response.Write "<b>" & Request("txt1") & "</b><br /><br />"
End If
%>
<form name="form1" action="clienthint.asp" method="post">
Enter Word:
<input type="text" name="txt1" id="txt1" onKeyUp="showHint(this.value,'txt1','form1',true)">
<input type="submit" name="submit" value="submit">
</form>
<p>Suggestions: <span id="txtHint"></span></p> 
</body>
</html>

clienthint.js

Code:

var xmlHttp

function showHint(str, box, thisForm, autoSubmit)
{
if (str.length==0)
  { 
  document.getElementById("txtHint").innerHTML="";
  return;
  }
xmlHttp=GetXmlHttpObject()
if (xmlHttp==null)
  {
  alert ("Your browser does not support AJAX!");
  return;
  } 
var url="gethint.asp";
url=url+"?q="+str;
url=url+"&b="+box;
url=url+"&f="+thisForm;
url=url+"&a="+autoSubmit;
url=url+"&sid="+Math.random();
xmlHttp.onreadystatechange=stateChanged;
xmlHttp.open("GET",url,true);
xmlHttp.send(null);
} 

function stateChanged() 
{ 
if (xmlHttp.readyState==4)
{ 
document.getElementById("txtHint").innerHTML=xmlHttp.responseText;
}
}

function GetXmlHttpObject()
{
var xmlHttp=null;
try
  {
  // Firefox, Opera 8.0+, Safari
  xmlHttp=new XMLHttpRequest();
  }
catch (e)
  {
  // Internet Explorer
  try
    {
    xmlHttp=new ActiveXObject("Msxml2.XMLHTTP");
    }
  catch (e)
    {
    xmlHttp=new ActiveXObject("Microsoft.XMLHTTP");
    }
  }
return xmlHttp;
}

//this function allows for Clickable suggestions
function setTextBox(thisText,thisBox,thisForm,autoSubmit){
	document.getElementById(thisBox).value = thisText
	//this autoSubmits the form after a suggestion is clicked - it is not working :(
	//if(autoSubmit=='true'){
	//	alert(thisForm);
	//	document.getElementById(thisForm).submit();
	//}
}

gethint.asp

Code:

<%@LANGUAGE="VBSCRIPT" CODEPAGE="65001"%>
<%
response.expires=-1
Dim rsWords
Dim rsWords_numRows
Dim q
Dim b
Dim hint
q=ucase(request.querystring("q"))
b=(request.querystring("b"))
f=(request.querystring("f"))
a=(request.querystring("a"))
hint=""
Set rsWords = Server.CreateObject("ADODB.Recordset")
rsWords.ActiveConnection = "Provider=SQLOLEDB; Data Source=JAGUAR\SQLEXPRESS; Initial Catalog=67625252; User ID=SFSDFSDF; Password=KJHSDHFJHDF"
rsWords.Source = "SELECT * FROM Rmatable WHERE (RMA_ID LIKE'" + q + "%') ORDER BY RMA_ID"
rsWords.CursorType = 2
rsWords.CursorLocation = 2
rsWords.LockType = 3
rsWords.Open()
rsWords_numRows = 0

If Not rsWords.EOF Then
	Do While Not rsWords.EOF
		If trim(hint) = "" Then
			hint = "<a href=""javascript:setTextBox('" & rsWords("RMA_ID") & "','" & b & "','" & f & "','" & a & "');"">" & rsWords("RMA_ID") & "</a>"
		Else
			hint = hint & " , <a href=""javascript:setTextBox('" & rsWords("RMA_ID") & "','" & b & "','" & f & "','" & a & "');"">" & rsWords("RMA_ID") & "</a>"
		End If
		rsWords.MoveNext()
	Loop
End If
if trim(hint)="" then 
  response.write("no suggestion")
else
  response.write(hint)
end if

rsWords.Close()
Set rsWords = Nothing
%>