Getting Data In
cancel
Turn on suggestions
Auto-suggest helps you quickly narrow down your search results by suggesting possible matches as you type.
Showing results for 
Search instead for 
Did you mean: 
Ask a Question
Solved! Jump to solution

Validate filter value and show error message if value is invalid

sachinbansal
New Member
‎01-20-2020 04:03 AM

Hi,

I want to validate the data i enter in data input filter and also want to show error message if user does not enter valid data. Suppose if the input filter value is supposed to be an integer and the user enters a string then I would like show some message indicating to user that you have entered invalid value.

Thanks.

Regards,
Sachin Bansal

0 Karma
Reply
1 Solution
Solved! Jump to solution
Solution

vnravikumar
Champion
‎01-21-2020 07:17 AM

Hi

Try this, I had validated with javascript

<form script="validation.js">
  <label>validation</label>
  <fieldset submitButton="true">
    <input type="text" token="integer" id="integer">
      <label>Integer</label>
    </input>
    <input type="text" depends="$hide$" token="show"></input>
  </fieldset>
  <row depends="$form.show$" rejects="$hide$">
    <panel>
      <html>
        <style>
          #error{
          color: red;
          }
        </style>
        <div id="error">

        </div>
      </html>
    </panel>
  </row>
</form>

javascript

require([
"jquery", 
"splunkjs/mvc", 
"splunkjs/mvc/simplexml/ready!"], function($, mvc) {
     var tokens = mvc.Components.get("default");
    $("#submit button").click(function(){
          var tokenValue = tokens.get("integer");
            if (isNaN(tokenValue) || tokenValue < 1) {

                $( "#error" ).text( "Input not valid");
                tokens.set("form.show",true);

              } else{

                  tokens.unset("form.show");
                  $( "#error" ).text("");

              }
    });
});

Updated:

 <form>
   <label>textbox</label>
   <fieldset submitButton="true" autoRun="false">
     <input type="text" token="number" searchWhenChanged="false">
       <label>Enter Integer</label>
       <change>
         <condition match="match(value, &quot;^[0-9]+$&quot;)">
           <unset token="show"></unset>
         </condition>
         <condition match="value== &quot;&quot;">
           <unset token="show"></unset>
         </condition>
         <condition>
           <set token="show"></set>
         </condition>
       </change>
       <initialValue></initialValue>
     </input>
   </fieldset>
   <row depends="$show$">
     <panel>
       <html>
          <style>
            #error{
            color: red;
            }
          </style>
          <div id="error">
           Invalid Input
          </div>
        </html>
     </panel>
   </row>
 </form>

View solution in original post

Reply
Solved! Jump to solution
Solution

vnravikumar
Champion
‎01-21-2020 07:17 AM

Hi

Try this, I had validated with javascript

<form script="validation.js">
  <label>validation</label>
  <fieldset submitButton="true">
    <input type="text" token="integer" id="integer">
      <label>Integer</label>
    </input>
    <input type="text" depends="$hide$" token="show"></input>
  </fieldset>
  <row depends="$form.show$" rejects="$hide$">
    <panel>
      <html>
        <style>
          #error{
          color: red;
          }
        </style>
        <div id="error">

        </div>
      </html>
    </panel>
  </row>
</form>

javascript

require([
"jquery", 
"splunkjs/mvc", 
"splunkjs/mvc/simplexml/ready!"], function($, mvc) {
     var tokens = mvc.Components.get("default");
    $("#submit button").click(function(){
          var tokenValue = tokens.get("integer");
            if (isNaN(tokenValue) || tokenValue < 1) {

                $( "#error" ).text( "Input not valid");
                tokens.set("form.show",true);

              } else{

                  tokens.unset("form.show");
                  $( "#error" ).text("");

              }
    });
});

Updated:

 <form>
   <label>textbox</label>
   <fieldset submitButton="true" autoRun="false">
     <input type="text" token="number" searchWhenChanged="false">
       <label>Enter Integer</label>
       <change>
         <condition match="match(value, &quot;^[0-9]+$&quot;)">
           <unset token="show"></unset>
         </condition>
         <condition match="value== &quot;&quot;">
           <unset token="show"></unset>
         </condition>
         <condition>
           <set token="show"></set>
         </condition>
       </change>
       <initialValue></initialValue>
     </input>
   </fieldset>
   <row depends="$show$">
     <panel>
       <html>
          <style>
            #error{
            color: red;
            }
          </style>
          <div id="error">
           Invalid Input
          </div>
        </html>
     </panel>
   </row>
 </form>
Reply
Solved! Jump to solution

sachinbansal
New Member
‎01-22-2020 12:07 AM

hi @vnravikumar - Thanks for your answer. But is there any way i can do it without .js file. I do not have admin access to search head and indexer to upload a js file.

0 Karma
Reply
Solved! Jump to solution

vnravikumar
Champion
‎01-22-2020 01:22 AM

Hi

Try this

<form>
  <label>textbox</label>
  <fieldset submitButton="true" autoRun="false">
    <input type="text" token="number" searchWhenChanged="false">
      <label>Enter Integer</label>
      <change>
        <condition match="match(value, &quot;^[0-9]+$&quot;)">
          <unset token="show"></unset>
        </condition>
        <condition match="value== &quot;&quot;">
          <unset token="show"></unset>
        </condition>
        <condition>
          <set token="show"></set>
        </condition>
      </change>
      <initialValue></initialValue>
    </input>
  </fieldset>
  <row depends="$show$">
    <panel>
      <html>
         <style>
           #error{
           color: red;
           }
         </style>
         <div id="error">
          Invalid Input
         </div>
       </html>
    </panel>
  </row>
</form>
0 Karma
Reply
Solved! Jump to solution

sachinbansal
New Member
‎01-22-2020 02:14 AM

hi @vnravikumar - it worked. Thanks a lot man.
Cheers.

0 Karma
Reply
Solved! Jump to solution

vnravikumar
Champion
‎01-22-2020 02:16 AM

Please accept the answer.

Reply
Solved! Jump to solution

somesoni2
Revered Legend
‎01-20-2020 09:22 AM

Have a look at this:
https://answers.splunk.com/answers/513440/how-to-validate-text-field-token-without-using-jav.html

0 Karma
Reply
Solved! Jump to solution

sachinbansal
New Member
‎01-20-2020 10:24 PM

Solution provided in that link is not meeting my requirement. I want to validate the data type of input value we enter in text field filter and also want to show message if user enter invalid value.

0 Karma
Reply
Get Updates on the Splunk Community!

Mission Control | Explore the latest release of Splunk Mission Control (2.3)

We’re happy to announce the release of Mission Control 2.3 which includes several new and exciting features ...

Cloud Platform | Migrating your Splunk Cloud deployment to Python 3.7

Python 2.7, the last release of Python 2, reached End of Life back on January 1, 2020. As part of our larger ...

Splunk Observability Cloud | Enhancing Your Onboarding Experience with the ...

We understand that your initial experience with getting data into Splunk Observability Cloud is crucial as it ...