Hello @tidert_24 ,
Here's an example of how you can do it:
HTML:
First, make sure your HTML file includes the input field and the button. For example:
<input type="text" id="myInputField">
<button id="myButton" disabled>Submit</button>
Javascript:
Next, you'll need to add some JavaScript to handle the enabling/disabling logic. You can do this by adding a script section or linking to an external JavaScript file.
document.addEventListener('DOMContentLoaded', function() {
var inputField = document.getElementById('myInputField');
var myButton = document.getElementById('myButton');
inputField.addEventListener('input', function() {
if (inputField.value.trim() !== '') {
myButton.removeAttribute('disabled');
} else {
myButton.setAttribute('disabled', true);
}
});
});
In this script, we're first getting references to the input field and the button by their respective IDs. Then, we're adding an event listener to the input field that listens for changes (input events). When there's input, it checks if the input field's value is not empty. If it's not empty, it removes the disabled attribute from the button, enabling it. Otherwise, it sets the disabled attribute.
ServiceNow UI Builder (if applicable):
In the UI Builder, make sure that your button is properly linked to the JavaScript code. You might need to set up a click event that triggers the button action.
Remember to adjust the IDs (myInputField and myButton) to match your specific IDs. This script should be included in a place where it will be executed when the page loads, such as within a <script> tag at the end of your HTML file, or in an external JavaScript file linked in your HTML document
Mark helpful or correct if applicable.
Thanks & Regards,
Sayali Gurav
