removed onChange.js and simplified the script

Author: Rajat32-op

Client-Side Components/Client Scripts/Mandatory Field Highlighter/README.md

@@ -1,44 +1,27 @@
 # Mandatory Field Highlighter
 
-## Use Case / Requirement
-Highlight mandatory fields that are empty by showing error messages, making it easier for users to identify which required fields need to be completed.
+## Use Case
+Provides visual feedback for empty mandatory fields on ServiceNow forms by showing error messages when the form loads. Helps users quickly identify which required fields need to be completed.
 
-## Solution
-Two client scripts that work together:
-1. **onLoad script**: Shows error messages for empty mandatory fields when form loads
-2. **onChange script**: Updates error messages in real-time as users fill fields
-3. Uses proper ServiceNow methods instead of DOM manipulation
+## Requirements
+- ServiceNow instance
+- Client Script execution rights
+- Forms with mandatory fields
 
 ## Implementation
-1. **Create onLoad script**: 
-   - New Client Script, Type: onLoad
-   - Copy code from `script.js`
-   - Apply to desired table
+1. Create a new Client Script with Type "onLoad"
+2. Copy the script code from script.js
+3. Apply to desired table/form
+4. Save and test on a form with mandatory fields
 
-2. **Create onChange script(s)**:
-   - New Client Script, Type: onChange
-   - Copy code from `onChange.js`
-   - **Important**: Replace `'FIELD_NAME'` with actual field name (e.g., 'priority')
-   - Create separate onChange scripts for each mandatory field you want to validate
-   - Set the "Field name" in the client script form to the specific field
-
-## Files
-- `script.js`: onLoad client script for initial highlighting
-- `onChange.js`: onChange template script for real-time updates
-
-## Example Usage
-For priority field onChange script:
-```javascript
-var fieldName = 'priority'; // Replace FIELD_NAME with 'priority'
-```
-
-For category field onChange script:
-```javascript  
-var fieldName = 'category'; // Replace FIELD_NAME with 'category'
-```
+## Features
+- Shows error messages under empty mandatory fields on form load
+- Uses proper ServiceNow client scripting APIs
+- No DOM manipulation or unsupported methods
+- Lightweight and focused functionality
 
 ## Notes
-- Uses `g_form.showFieldMsg()` and `g_form.hideFieldMsg()` methods
-- Follows ServiceNow best practices (no DOM manipulation)
-- Works with standard ServiceNow forms
-- Create one onChange script per mandatory field for best results
+- Uses g_form.showFieldMsg() method to display error messages
+- Only runs on form load - no real-time updates
+- Works with all mandatory fields automatically
+- Simple single-script solution

Client-Side Components/Client Scripts/Mandatory Field Highlighter/onChange.js

@@ -1,28 +1,22 @@
 function onLoad() {
-    // Highlight mandatory fields that are empty using proper ServiceNow methods
-    highlightMandatoryFields();
+    // Get all field names on the form
+    var fieldNames = g_form.getFieldNames();
 
-    function highlightMandatoryFields() {
-        var allFields = g_form.getFieldNames();
+    // Check each field
+    for (var i = 0; i < fieldNames.length; i++) {
+        var fieldName = fieldNames[i];
 
-        for (var i = 0; i < allFields.length; i++) {
-            var fieldName = allFields[i];
-            
-            // Check if field is mandatory and visible
-            if (g_form.isMandatory(fieldName) && g_form.isVisible(fieldName)) {
-                var fieldValue = g_form.getValue(fieldName);
-                
-                if (!fieldValue || fieldValue === '') {
-                    // Show warning message for empty mandatory fields
-                    g_form.showFieldMsg(fieldName, 'This field is required', 'error');
-                } else {
-                    // Clear any existing field messages
-                    g_form.hideFieldMsg(fieldName);
-                }
-            }
+        // Skip if field is not mandatory or not visible
+        if (!g_form.isMandatory(fieldName) || !g_form.isVisible(fieldName)) {
+            continue;
+        }
+        
+        // Get current field value
+        var value = g_form.getValue(fieldName);
+        
+        // Show error message if field is empty
+        if (!value || value === '') {
+            g_form.showFieldMsg(fieldName, 'This field is required', 'error');
         }
     }
-    
-    // Store function globally so onChange scripts can call it
-    window.updateMandatoryHighlighting = highlightMandatoryFields;
 }