topic Re: Validate filter value and show error message if value is invalid in Getting Data In

Validate filter value and show error message if value is invalid

sachinbansal — Mon, 20 Jan 2020 12:03:12 GMT

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

Re: Validate filter value and show error message if value is invalid

somesoni2 — Mon, 20 Jan 2020 17:22:48 GMT

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

Re: Validate filter value and show error message if value is invalid

sachinbansal — Tue, 21 Jan 2020 06:24:42 GMT

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.

Re: Validate filter value and show error message if value is invalid

vnravikumar — Tue, 21 Jan 2020 15:17:26 GMT

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>

Re: Validate filter value and show error message if value is invalid

sachinbansal — Wed, 22 Jan 2020 08:07:49 GMT

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.

Re: Validate filter value and show error message if value is invalid

vnravikumar — Wed, 22 Jan 2020 09:22:10 GMT

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>

Re: Validate filter value and show error message if value is invalid

sachinbansal — Wed, 22 Jan 2020 10:14:30 GMT

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

Re: Validate filter value and show error message if value is invalid

vnravikumar — Wed, 22 Jan 2020 10:16:28 GMT

Please accept the answer.