There is a label named "test" being generated from the .cs [C# code] with the text "data saved successfully". However, when I click the save button, I want to clear its text. Currently, I have 3 required field validators with messages [cannot be blank, cannot be blank, cannot be blank]. When the user clicks the save button, I need to clear the text of the label but still display the required fields validator message.
Does anyone have any ideas on how to solve this?
Thank you!
Here is a sample JavaScript function:
<script type="text/javascript">
function eraseContent(elementId) {
var element = document.getElementById(elementId);
element.value ="";
return false;
}
</script>
Now, you can add a client-side event to your submit button like this:
<input type='submit' value='Submit' onclick='eraseContent("elementId");' />
To implement this functionality on the client-side, you can utilize a script similar to the one provided below:
<script type="text/javascript">
function clearLabelValue(){
var labelObj = document.getElementById("<%= myLabel.ClientID %>");
labelObj.value = "";
}
</script>
<asp:Label id="myLabel" runat="server" Text="Some text"/>
<asp:Button id="myButton" runat="server" Text="Submit" OnClientClick="clearLabelValue();return false;"/>
While I haven't extensively tested this code, it should be functional as intended.
If the objective is unclear, there may be alternative methods to achieve your goal in a more standardized manner. Feel free to provide additional details concerning your requirements so that we can offer tailored assistance.
When dealing with a situation where a button has validation and we also need to execute some JavaScript, the common approach is to create a JavaScript function that is triggered when the save button is clicked.
The purpose of this JavaScript function is to clear the value of a label upon clicking, ensuring that any existing text is removed.
In order to validate the page internally (if the JavaScript function is not directly linked to the save button click), it is necessary to explicitly invoke ASP.NET's client-side validation mechanism.
To achieve this, the function "page_ClientValidate" must be called within the JavaScript function. This ensures that validation still occurs while allowing for additional processing tasks, such as clearing the label in this scenario.
<!-- This code is used for clearing the content of a label ; -->
document.getElementById("MyLabel").innerHTML = "";
<!-- The label structure in this case looks like this;-->
<asp:Label ID="MyLabel" runat="server" ></asp:Label>
To achieve the desired outcome, you can utilize the following script:
<script type="text/javascript">
function clearLabelValue(){
document.getElementById("<%= myLabel.ClientID %>").innerText=""
}
</script>
<asp:Label ID="myLabel" runat="server" ></asp:Label>
<asp:Button id="myButton" runat="server" Text="Submit" OnClientClick="clearLabelValue();"/>
I have implemented Yup and Formik in my Sign up form to handle validation. My goal is to display specific errors based on the Yup validation rules I've set up. Take a look at the code snippet below: import React from 'react'; import { ...
Here is the code snippet I wrote: $(function () { $("input#Submit1").on('click', function () { $.ajax({ url: 'Home/GetPort', method: 'GET' }); alert("test") ...
Looking to embark on a Flask project involving sending an AJAX request. In the Flask code, I want to assign a variable to handle the request and display it on the page using a Jinja variable. Flask from flask import Flask,render_template,request app = Fla ...
I am in the process of developing and deploying a React / NextJS application to a Weblogic J2EE server with a specific context. While I have some experience with React, I am relatively new to NextJS. The current steps for building and verifying the app ar ...
I'm currently exploring how to utilize the stop() function in order to halt the animation buildup within Galleriffic. This issue arises when swiftly and repeatedly mousing over the thumbnail images. While I understand that in a basic jQuery script, yo ...
0. April 2023: error cannot be reproduced anymore see here The error is no longer replicable due to bug fixes in react-scripts 5.0.1. 1 Even though the error is gone, the question and my self-answer still seem relevant to Angular users and others as we ...
I have a set of dynamic single-option select elements that I need to work with. My goal is to generate a list containing the indexes of all selected options, separated by commas. Currently, I am using elements = document.getElementsByClassName("my-class ...
After retrieving values from a database, I am using them in JSON/javascript as an array. For example, see The issue arises when trying to calculate the sum of the array elements. I attempted to solve it with this code: var obj1 = JSON.parse(data); var m ...
When it comes to loading components on a webpage, jquery has the options of $( document ).ready() and onload. But in Vue, how can we achieve the same effect? For example, when a user clicks our page, how can we display a spinner until all contents are load ...
I am attempting to update the inner HTML of a div after a certain interval. I am receiving the correct response using Ajax, but I am struggling to replace the inner HTML of the selected element with the Ajax response. What could be wrong with my code? HTM ...
I have set up a node.js server with an angular.js frontent and I am facing a problem with Socket.IO connections. The issue arises when double Socket.IO connections open, causing my page to hang. var self = this; self.app = express(); self.http = http.Ser ...
Incorporating the signInWithPopup function for signing in has been successful during the development stage on my local server. const firebaseAuth = getAuth(app); const provider = new GoogleAuthProvider(); const [{ user, cartShow, cartItems }, dispatc ...
<form> <table> <tr> <td>Distance:</td> <td><input type="number" id="distance" onKeyUp="calculate();">m</td> </tr> <tr> <td>Time:</td> ...
I recently experimented with profiling code and found that the most convenient method, at least on Firefox, was to utilize either console's time/timeEnd functions or profile/profileEnd methods, so I gave both a try. The issue I encountered was the li ...
Attempting to create an authentication app using Node.js, but encountering an error as described in the title. The code for app.js is already set up like this: var createError = require('http-errors'); var express = require('express'); ...
In my node application, I am utilizing the request-promise module to make API calls. You can find more information about it here. import request from 'request-promise'; let options = { method: GET, json: true, ...
I am working with a table called "Data". ID | Name | Params | -------------------------- 1 | a | 233 | 22 | a | 34 | 123| a | 123 | 839| a | 2344 | -------------------------- To retrieve data ...
At the start, the application loads some users using Angularjs / $http.get(). As you scroll down, more users are loaded dynamically (infinite scroll). In addition to this, there are location filters on the page. Users can select a different Country and Ci ...
I have been working on integrating a search query into the server-side endpoint, which interacts with swapi - the Star Wars API https://swapi.co/ to display a list of people by their names. Below is the fetch call made to the backend in App.js file using ...
As I prepare my Angular 5 application for production, one issue that has caught my attention is how poorly Angular handles zoned errors. Despite enabling 'production mode', it appears that Angular struggles to properly recover from these errors. ...