Solved: Re: Validate filter value and show error message i...

sachinbansal · ‎01-20-2020

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

vnravikumar · ‎01-21-2020

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

vnravikumar · ‎01-21-2020

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>

sachinbansal · ‎01-22-2020

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.

vnravikumar · ‎01-22-2020

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>

sachinbansal · ‎01-22-2020

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

vnravikumar · ‎01-22-2020

Please accept the answer.

somesoni2 · ‎01-20-2020

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

sachinbansal · ‎01-20-2020

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.

Validate filter value and show error message if value is invalid

.conf24 | Registration Open!

ICYMI - Check out the latest releases of Splunk Edge Processor

Introducing the 2024 SplunkTrust!