Splunk Dev

How to Stop SubmitButton when there is a validation error in the dashboard ?

zacksoft_wf
Contributor

I have a field 'Value'  in dashboard that is being validated by an external .js .
When the validation match fails it shows the error message "Please input a valid Value". But when I ignore that message and hit submit button, it anyways submits that record.
I want the dashboard not to submit, until I input the field with correct values and no validation message comes.
I have so many input fields , but I am validating only the 'Value' field. And I don't want the user to be able to submit record while ignoring the validation message.

===================================================
<input type="text" token="value" id="tkn_value_id" searchWhenChanged="true" depends="$some_condition$">
<label>Value</label>
========================================
require([
'underscore',
'splunkjs/mvc',
'jquery',
"splunkjs/mvc/simplexml/ready!"
], function(_, mvc, $) {
var tkn_value = splunkjs.mvc.Components.getInstance("tkn_value_id");
tkn_value.on("change", function(e) {
console.log(e)
// e.preventDefault();
if (!isValueValid(e)) {
alert("Enter Valid Value")
return false;
}
})
function isValueValid(userInput) {
console.log(userInput)
var res = userInput.match(/(^\s|\"|\s$)/g)
if (res == null)
return true;
else
return false;
}
========================================================
})


Labels (2)
0 Karma

jcraumer
Explorer

Do not use the default submit button provided by the dashboard editor. 

Create a custom button that will submit the form once validation is complete.  This can be done in the same Javascript file used for the validation but create a if statement that if the validation fails the form doesn't submit.

0 Karma

zacksoft_wf
Contributor

@jcraumer 
I am new to JavaScript , could you elaborate a bit about the positioning of the if condition in the JavaScript ,please .

0 Karma
Get Updates on the Splunk Community!

From Alert to Resolution: How Splunk Observability Helps SREs Navigate Critical ...

It's 3:17 AM, and your phone buzzes with an urgent alert. Wire transfer processing times have spiked, and ...

ATTENTION!! We’re MOVING (not really)

Hey, all! In an effort to keep this Slack workspace secure and also to make our new members' experience easy, ...

Splunk Admins: Build a Smarter Stack with These Must-See .conf25 Sessions

  Whether you're running a complex Splunk deployment or just getting your bearings as a new admin, .conf25 ...