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:
Download FREE SharePoint 2019 Installation PDF Guide
This FREE PDF contains, Steps by step guide to install SharePoint 2019 Preview, prerequisites, hardware and software new features. First impression to SharePoint Server 2019 new modern site, modern lists and modern document libraries.
You May Also like the Following SharePoint Online Tutorials:
