In this post we will discuss about a simple textbox required field validation in Asp.Net using
JavaScript.
Also you can check my previous articles on
How to open a hyperlink in a new tab using jQuery or JavaScript?
How to disable right click by using jQuery in asp.net?
Disable the multiline textbox and single line textbox in SharePoint using jQuery
Here in this exapmle when ever a user clicks on the submit button without entering anything in the
textbox, one alert message will be shown as “Enter Name”.
We have written the JavaScript function and calling that function in the OnClientClick property of the button.
Below is the full code:
<%@ Page Language=”C#” AutoEventWireup=”true” CodeFile=”JavaScriptValidation.aspx.cs”
Inherits=”JavaScriptValidation” %>
<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”>
<html xmlns=”http://www.w3.org/1999/xhtml”>
<head runat=”server”>
<title>Simple JavaScript validation example</title>
<script language=”javascript” type=”text/javascript”>
function validateName() {
if (document.getElementById(“txtName”).value == “”) {
document.getElementById(“txtName”).focus();
alert(‘Enter Name’);
return false;
}
}
</script>
</head>
<body>
<form id=”form1″ runat=”server”>
<div>
Enter Name:<asp:TextBox ID=”txtName” runat=”server”></asp:TextBox>
<br />
<asp:Button ID=”btnTest” runat=”server” Text=”Click to Validate” OnClick=”btnTest_Click”
OnClientClick=”return validateName();” />
</div>
</form>
</body>
</html>
The output will be like as shown in the figure below:
-: FREE PDF e-Book Download :-
51 JSOM Examples in SharePoint Online
Enter Email ID to get TOP 51 JSOM (JavaScript Object Model) examples (100+ Pages) PDF FREE directly into your Email Inbox.
You May Also like the Following SharePoint Online Tutorials:
