Use CSS and JavaScript in textbox in .aspx page.
Create a project and add a new .aspx page and then in the aspx page add the following code in the head section.
<style type="text/css">
.uppercase
{
text-transform: uppercase;
}
.lowercase
{
text-transform: lowercase;
}
.capitalize
{
text-transform: capitalize;
}
style>
And then use the above classes in the code as
Typing Text in UPPERCASE
<br />
<asp:TextBox ID="TextBox1" runat="server" CssClass="uppercase">asp:TextBox><br />
Typing Text in lowercase
<br />
<asp:TextBox ID="TextBox3" runat="server" CssClass="lowercase">asp:TextBox><br />Typing Text in Capatlize
<br />
<asp:TextBox ID="TextBox4" runat="server" CssClass="capitalize">asp:TextBox>
And then when you will type any text in these textboxes then they will appear as per the css class used.
And to use the JavaScript in the .aspx page we need to add the script in the head section and the script in the body section too to use the script we have made in the head section.
The script of head section looks like:
<script type="text/javascript" language="JavaScript">
script>
And the body section will look like
<body>
<form id="form1" runat="server">
<div>
Checking Numbers in textbox using javascript<br />
<asp:TextBox ID="TextBox2" runat="server">asp:TextBox>
<br />
<script type="text/javascript">
function fun() {
if (document.form1.TextBox2.value.length == 0) {
alert("Please enter a value.");
}
else if (chkNumeric(document.form1.TextBox2.value) == false) {
alert("Please check - the string conatins non numeric value!");
}
}
script>
<asp:Button ID="Button1" runat="server" Text="Button" OnClientClick="fun()" />
div>
form>
body>
And in the body section I have added the script and a button to use that script.
For more clarifications please view the video at: http://www.jaipurmentor.com/share-tech-videos/viewvideo/6/learning-videos/using-css-and-javascipt-in-textbox.html
| < Prev | Next > |
|---|
Nice article but I found...
Nice article but I found the video more concise and informative.