Is there a more efficient way to check number of columns?

2018-07-11 23:30 Wade imported from Stackoverflow

So I am trying to do some client side validation on an app I am working on, and I want to be able to check the number of columns in a CSV that the user uploads. The CSVs could potentially be very large (up to 30 thousand rows) so I'm worried that my current method, which reads the entire file, is not the best way to do it.

This is what I have right now.

// Function to validate the File Upload
$(document).ready(function() {
    $("#csv").change(function () {
        console.log("Read CSV Function Triggered");
        let theFile = document.getElementById("csv").files[0];
        let reader = new FileReader();
        reader.addEventListener('load', readFile);
        reader.readAsText(theFile);

        function readFile(event) {
            let csvText = event.target.result;
            let firstLine = csvText.split('\n').shift(); // First Line
            $("#result").html(firstLine);
        }
    });
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<input type="file" id="csv" />

<br>

<span id="result">0</span>

In the example I just make the first line display on the page, but in the app I have a parser library that I couldn't include in this example which converts the first line to an array and then I get the length of the array. So like I said before, this works, but I am worried that when large CSVs are uploaded it may affect browser performance.

Any suggestions?

See also questions close to this topic

Check if id between 2 dates

I need to check whether a string is between NOW and 5 minutes ago

I've managed to get the current date + time and the 5 minutes ago, but I'm struggling on comparing this two dates.

What I have, is a class that prints a few dates and I'd need to find if one of those dates is within the past 5 minutes

HTML:

<span class="msl_info">You have responded 3 times: on 21 Sep 2018 at 10:49, 21 Sep 2018 at 10:40, 21 Sep 2018 at 10:15.</span>

JS:

var m_names = new Array("Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec");

var d = new Date();
var curr_date = d.getDate();
var curr_month = d.getMonth();
var curr_year = d.getFullYear();
var hour = d.getHours();
var minute = d.getMinutes();

function addZero(i) {
    if (i < 10) {
        i = "0" + i;
    }
    return i;
}

    //var x = document.getElementById("demo");
    var hour = addZero(d.getHours());
    var minute = addZero(d.getMinutes());
    var minuteAgo = addZero(d.getMinutes() - 5);

    //x.innerHTML = h + ":" + m;


//Today minus 5 minutes
var dateFrom = curr_date + " " + m_names[curr_month] + " " + curr_year + " at " + hour + ":" + minuteAgo;
//Now
var dateTo = curr_date + " " + m_names[curr_month] + " " + curr_year + " at " + hour + ":" + minute;


console.log(dateFrom);
console.log(dateTo);

This is a fiddle

Update part of HTML page without reloading the page using expressJs nodeJs Handlebars

I have the following express app which just renders the ecommerce.hbs page.On that page i have one section suppose To Do List section and it shows four to five tasks with checkbox.when I change the checkbox the attached script run and send the id of changed checkbox to routing file where i have get the id and run loop to change value from true to false and false to true.I have console the value and it returns correct value after click on checkbox but i stuck to send data back to the ecommerce.hbs page for To Do List section.

ecommerce.js(routing)

router.get('/ecommerce', function(req, res, next) {
  res.render('ecommerce', { 
        layout:'main',
      data: data
    });
});

router.post('/ecommerce', (req, res) => {
   var id = req.body.id;
   //console.log(req.body.id)
   res.json({
      success: true
   });
   for (var i=0; i<data.todo.length; i++){
      if(data.todo[i]['id'] == id){
         data.todo[i]['completed'] = !data.todo[i]['completed'];
         //console.log(data.todo[i]['completed']);
      }
   }
});

ecommerce.hbs file

 {{#toDoList data.todo}}
      {{> widgets/toDoList}}
 {{/toDoList}}

toDoList section

<input type="checkbox" name="task" id="{{id}}" autocomplete="off" checked="" onchange="return onToDochange(this)">

On Change script

function onToDochange(event) {
   //console.log(event.id);
   $.ajax({
      url: "/ecommerce",
      method: 'POST',
      headers: {
         'Accept': 'application/json',
      },
      data: {
         id : event.id
      },
      body: JSON.stringify({"id": event.id})
   })
   .done(function( data ) {
      console.log( "Sample of data:", data );
    });
  };

How to disable and enable button in angular at http call?
I am developing angular application on angular 6, i have multiple form which has submit button as well, when ever user submits i need to disable the button and enable it once get response, i have multiple form in the same page and user can click any form's submit.

So what i want is create a mapping between the button and http response to track it, and the response should say which button i have to enable.

Any logic? Below code work's for one form alone.

Thanks in advance...

in my template:
```
<button [disabled]="disabled"> Submit<button>
```
In my .ts
```
this.disabled = true;

this.http.get(...).subscribe((r) => { this.disabled = false });
```

how i can fix the inside the chekbox

When I click on my page in the checkbox the inside of checkbox is changed.

I want to fix for one element if he is empty will be empty for all moment.

<td class="pad30">
    <?php if($motifAbsence == 1){?>  
        <input type="checkbox" <?php if($isMotif = "Oui") echo 'checked="checked" '; ?> name="full"   /> 
    <?php  }else {  ?> 
        <input type="checkbox"  name="empty"  />          
    <?php } ?>

Navigation Overlay Hamburger Menu Click Issues

I have built a hamburger navigation that when clicked overlays the navigation elements on a full screen coloured background.

I have a couple of slight bugs which i cannot work out my mistake(s), or how to rectify them.

When you click the hamburger icon and the overlay is then displayed, if you then click anywhere on the background colour, the overlay closes. How can i keep the overlay visible unless a link or the close icon/button is clicked?
When you click a link, the overlay disappears (as expected) but then returns again after a split second. How can i stop this 'flashing' when clicked, so i can either keep the overlay showing until new page is loaded or hide the overlay once clicked.

$(document).ready(function() {
  $(".menu-btn a").click(function() {
    var scroll = $(window).scrollTop();
    $(".overlay").fadeToggle(200);
    $(this).toggleClass('btn-open').toggleClass('btn-close');

    if ($(this).hasClass('btn-close')) {
      $(".navbar").css("background-color", "grey");
    } else if (scroll > 100) {
      $(".navbar").css("background-color", "#CEB400");
    }
  });

  $('.overlay').on('click', function() {
    $(".overlay").fadeToggle(200);
    $(".menu-btn a").toggleClass('btn-open').toggleClass('btn-close');
  });

  $('.menu a').on('click', function() {
    $(".overlay").fadeToggle(200);
    $(".menu-btn a").toggleClass('btn-open').toggleClass('btn-close');
  });

});

$(document).ready(function() {
  $(window).scroll(function() {
    var scroll = $(window).scrollTop();
    if (scroll > 100) {
      if ($('.overlay:visible').length == 0) {
        $(".navbar").css("background-color", "#CEB400");
      }
    } else {
      $(".navbar").css("background-color", "grey");
    }
  });
});

/* OPEN / CLOSE BTNS */

.menu-btn {
  z-index: 999;
  display: inline;
  /* font-size: 32px; */
}

.menu-btn a {
  display: flex;
  text-decoration: none;
  color: #ffffff;
  /* safari hack */
  align-items: center;
}

.btn-open:after {
  color: inherit;
  content: "\f394";
  font-family: "Ionicons";
  -webkit-transition: all .2s linear 0s;
  -moz-transition: all .2s linear 0s;
  -o-transition: all .2s linear 0s;
  transition-property: all .2s linear 0s;
  font-size: 40px;
}

.btn-open:hover:after {
  color: inherit;
}

.btn-close:after {
  color: inherit;
  content: "\f2d7";
  font-family: "Ionicons";
  -webkit-transition: all .2s linear 0s;
  -moz-transition: all .2s linear 0s;
  -o-transition: all .2s linear 0s;
  transition-property: all .2s linear 0s;
  font-size: 40px;
}

.btn-close:hover:after {
  color: #ffffff;
}

.template-home .btn-open:after,
.template-home .btn-open:hover:after,
.template-home .btn-close:after,
.template-home .btn-close:hover:after,
.template-home .menu-btn a span {
  color: #ffffff!important;
}


/* OVERLAY */

.overlay {
  position: fixed;
  top: 0;
  z-index: 99;
  display: none;
  overflow: auto;
  width: 100%;
  height: 100%;
  background: rgba(209, 180, 0);
}

.overlay .menu {
  margin: 150px 20px;
  /* width: 80%; */
}

.overlay .menu ul {
  margin: 0;
  padding: 0;
  width: 100%;
}

.overlay .menu ul li {
  float: left;
  padding: 6px 0 0 0;
  width: 100%;
  list-style: none;
  text-align: left;
  text-transform: uppercase;
}

.overlay .menu ul li#social {
  width: 100%;
  margin-top: 50px;
}

.overlay .menu ul li a {
  color: #d1b400;
  font-weight: 300;
  font-size: 20px;
  font-family: 'Old Standard TT', serif;
}

.overlay .menu ul li#social a {}

.overlay .menu ul ul {
  margin-top: 20px;
}

.overlay .menu ul ul li {
  position: relative;
  float: none;
  margin: 10px 0;
  width: 100%;
  border: 0;
}

.overlay .menu ul ul li a {
  color: #fff;
  text-transform: capitalize;
  font-weight: 300;
  font-size: 30px;
}

.overlay .menu ul ul li a:hover {
  color: #000000;
}


/* RESPONSIVE */

@media screen and (max-width: 768px) {
  .overlay .menu ul li {
    float: none;
    margin-bottom: 25px;
    width: 100%;
  }
  .overlay .menu ul li:last-child {
    border: 0;
  }
  .overlay .menu ul ul {
    margin-top: 20px;
  }
  .menu-btn {
    right: 25px;
  }
}

.allexamples {
  position: absolute;
  bottom: 0;
  font-size: 18px;
  font-weight: bold;
  width: 100%;
  text-align: center;
  background: #e9e9e9;
  padding: 20px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  color: #333;
  position: fixed;
}

.menu-social {
  display: inline-block;
  margin: 0 .4em;
}

.menu-social a {
  width: 44px;
  height: 44px;
  padding: 0;
  background-image: url("../img/cd-socials.svg");
  background-repeat: no-repeat;
  /* image replacement */
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
}

.menu-social .menu-facebook a {
  background-position: 0 0;
}

.menu-social .menu-instagram a {
  background-position: -44px 0;
}

.menu-social .menu-dribbble a {
  background-position: -88px 0;
}

.menu-social .menu-twitter a {
  background-position: -132px 0;
}

.overlay .menu ul ul li.description {
  padding: 0px 0 10px 0px;
}

.overlay .menu ul ul li.description span {
  color: #000000;
  font-size: 13px;
  font-weight: 300;
  text-transform: none;
}

p.tel,
p.email {
  margin: 0 0 3px 0;
}

p.tel a {
  color: #fff!important;
  font-weight: 300!important;
  font-size: 20px!important;
  letter-spacing: 1px;
}

p.email a {
  color: #fff!important;
  font-weight: 300!important;
  font-size: 20px!important;
  text-transform: none;
}

.menu-btn a span {
  font-size: 16px;
  color: #ffffff;
  /* line-height: 18px; */
  font-weight: 600;
  position: relative;
  /* top: -5px; */
  right: 10px;
}

.navbar-text div {
  display: inline-block;
  color: #ffffff;
  font-size: 16px;
  font-weight: 600;
}

.header-contact svg {
  margin-left: 10px;
  font-size: 22px;
}

.header-contact {
  margin-right: 75px;
}

.header-contact a {
  color: #ffffff;
}

.header-contact {
  font-weight: 600!important;
  font-size: 16px!important;
}

.navbar {
  -webkit-transition: background-color 500ms ease-in-out;
  -ms-transition: background-color 500ms ease-in-out;
  transition: background-color 500ms ease-in-out;
}

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" />
<link rel="stylesheet" href="https://code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css" />
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js"></script>
<header>
  <nav class="navbar fixed-top" style="background-color: grey;">
    <div class="container">
      <a class="navbar-brand" href="#">
        <img src="img/pb-white.png" width="30" height="30" alt="">
      </a>
      <span class="navbar-text">
        <div class="menu-btn">
          <a class="btn-open" href="javascript:void(0)"><span>MENU</span></a>
        </div>
      </span>
    </div>
  </nav>
</header>
<div class="overlay">
  <div class="menu">
    <div class="container">
      <ul>
        <li>
          <ul>
            <li><a href="#">Heading</a></li>
            <li class="description"><span>Point, Point, Point, Point</span></li>
            <li><a href="#">Heading</a></li>
            <li class="description"><span>Point, Point, Point, Point</span></li>
            <li><a href="#">Heading</a></li>
            <li class="description"><span>Point, Point, Point, Point</span></li>
            <li><a href="#">Heading</a></li>
            <li class="description"><span>Point, Point, Point, Point</span></li>
            <li><a href="#">Heading</a></li>
            <li class="description"><span>Point, Point, Point, Point</span></li>
          </ul>
        </li>
        <li>
          <ul>
            <li><a href="#">Heading</a></li>
            <li><a href="#">Heading</a></li>
            <li><a href="#">Heading</a></li>
          </ul>
        </li>
      </ul>
    </div>
  </div>
</div>

<div style="height:2000px;"></div>

I currently have my work on a codepen here: https://codepen.io/whitinggg/pen/bLzxGG

Blob is appending commas in typescript, when creating csv file
I'm trying to export data from an Angular 6 web application.

I have an array of string, where each string is a csv line, formatted like this:
```
var csvLines = ['val1,val2\n', 'val3,val4\n'...];
```
Once I've added all the data to i need to the array, i write it to the console:

This looks fine...

Now i wan't to convert it to a blob and download it as a .CSV file.

The download is fine, but the format of the output is wrong.

When I run the following code:
```
          const blob = new Blob([csvLines], {type: 'text/csv;encoding:utf-8'});
          const reader = new FileReader();
          reader.onload = () => {
            console.log(reader.result);
          };
          reader.readAsText(blob);
```
I get this output.

NOTE the commas that are appended on every line but the first - this mess up my csv.

Can anyone tell me why this is happening and perhaps how to disable the comma appending?

I have tried to create the Blob with text/plain as mimetype and without the encoding, but the commas are still appended.
How do I parse a multiline string as a CSV without creating a file from the string first?
I am using an API which returns a CSV. I'm using RestSharp to get the data:
```
RestClient client = new RestClient("https://myurl.com/api/");
RestRequest request = new RestRequest("method", Method.GET);
IRestResponse response = client.Execute(request);
string content = response.Content;
```
content is now a multiline string. I am currently parsing it by looping over it with reader.Readline():
```
while ((line = reader.ReadLine()) != null) 
{
    string[] parts = line.Split(',');
    ...
}
```
This is causing issues as it doesn't respect quotes in the CSV. I could try and fudge it with a Regex, but given there are a bunch of CSV parsers out there I feel I should be using them. What I don't know is how to get them to "read" the string. They all seem to take a filepath as the input, but in this case there is no file for them to read - just the CSV content in a string.

How can I pass the string to a CSV parser (like FileHelpers, for example)?

Example Data Returned
```
UserId,FirstName,LastName,Email,TeamName,Note,IsOnAccount,CourseId,CourseName,ViewDate,UsageInSeconds
123231231-123213123213-123213,Fred,Bloggs,fred@bloggs.com,,,True,microsoft-azure-identity-application-network-services,"Identity, Application, and Network Services on Microsoft Azure",2018-06-05,1565
```

Combine multiple text file and separate with line break - Extra spaces coming in between

I am using a simple windows batch script below

    CLS
@ECHO OFF


set mydate=%date:~0,2%%date:~3,2%%date:~6,4%
set mytime=%time:~0,2%%time:~3,2%

SET "SolutionDir=C:\Users\shivamk\Desktop\"Relaince Capital"\TCC\"NewHire Script"\Output_duplicate"

type C:\Users\shivamk\Desktop\"Relaince Capital"\TCC\"NewHire Script"\"1st Line"\Output\NewHire1_duplicate.csv >> %SolutionDir%\Worker.csv
echo. >> %SolutionDir%\Worker.csv
type C:\Users\shivamk\Desktop\"Relaince Capital"\TCC\"NewHire Script"\"2nd Line"\Output\NewHire2_duplicate.csv >> %SolutionDir%\Worker.csv
echo. >> %SolutionDir%\Worker.csv
type C:\Users\shivamk\Desktop\"Relaince Capital"\TCC\"NewHire Script"\"3rd Line"\Output\NewHire3_duplicate.csv >> %SolutionDir%\Worker.csv
echo. >> %SolutionDir%\Worker.csv
type C:\Users\shivamk\Desktop\"Relaince Capital"\TCC\"NewHire Script"\"4th Line"\Output\NewHire4_duplicate.csv >> %SolutionDir%\Worker.csv
echo. >> %SolutionDir%\Worker.csv
type C:\Users\shivamk\Desktop\"Relaince Capital"\TCC\"NewHire Script"\"5th Line"\Output\NewHire5_duplicate.csv >> %SolutionDir%\Worker.csv
echo. >> %SolutionDir%\Worker.csv
type C:\Users\shivamk\Desktop\"Relaince Capital"\TCC\"NewHire Script"\"6th Line"\Output\NewHire6_duplicate.csv >> %SolutionDir%\Worker.csv
echo. >> %SolutionDir%\Worker.csv

But the Output is coming like below

    METADATA|Worker|PersonNumber|EffectiveStartDate|BloodType|StartDate|DateOfBirth|CountryOfBirth|RegionOfBirth|ActionCode|SourceSystemOwner|SourceSystemId
MERGE|Worker|10127|2018/08/17||2018/08/17|1993/08/06|||HIRE|FUSION_REL|W10127 
METADATA|PersonName|EffectiveStartDate|LegislationCode|NameType|LastName|MiddleNames|FirstName|Title|SourceSystemOwner|SourceSystemId|PersonId(SourceSystemId)
MERGE|PersonName|2018/08/17|LECOD-0000001106141|GLOBAL|Thakare|A.|Snehal||FUSION_REL|PNW10127|W10127

METADATA|PersonLegislativeData|EffectiveStartDate|LegislationCode|HighestEducationLevel|MaritalStatus|MaritalStatusDate|Sex|SourceSystemOwner|SourceSystemId|PersonId(SourceSystemId)
MERGE|PersonLegislativeData|2018/08/17|LECOD-0000001106141|||||FUSION_REL|PWL10127|W10127

METADATA|WorkRelationship|PrimaryFlag|DateStart|LegalEmployerName|WorkerType|ActionCode|SourceSystemOwner|SourceSystemId|PersonId(SourceSystemId)
MERGE|WorkRelationship|Y|2018/08/17|Reliance Nippon Life Asset Management Limited|E|HIRE|FUSION_REL|WR10127|W10127

METADATA|WorkTerms|ActionCode|EffectiveLatestChange|EffectiveSequence|EffectiveStartDate|EffectiveEndDate|DateStart|LegalEmployerName|PersonTypeCode|PrimaryWorkTermsFlag|BusinessUnitShortCode|PositionCode|WorkerType|SourceSystemOwner|SourceSystemId|PeriodOfServiceId(SourceSystemId)|PersonId(SourceSystemId)
MERGE|WorkTerms|HIRE|Y|1|2018/08/17|4712/12/31|2018/08/17|Reliance Nippon Life Asset Management Limited|Employee|Y|5000 - RNLAM||E|FUSION_REL|WT10127|WR10127|W10127

METADATA|Assignment|ActionCode|EffectiveStartDate|EffectiveEndDate|EffectiveSequence|EffectiveLatestChange|PersonTypeCode|PrimaryAssignmentFlag|BusinessUnitShortCode|PositionCode|WorkerType|SourceSystemOwner|SourceSystemId|WorkTermsAssignmentId(SourceSystemId)|PeriodOfServiceId(SourceSystemId)|PersonId(SourceSystemId)
MERGE|Assignment|HIRE|2018/08/17|4712/12/31|1|Y|Employee|Y|5000 - RNLAM||E|FUSION_REL|A10127|WT10127|WR10127|W10127

Each file contain a METADATA Line and a MERGE Line, but after combining there are multiple spaces coming in between, I don't understand why ? I want output like below

    METADATA|Worker|PersonNumber|EffectiveStartDate|BloodType|StartDate|DateOfBirth|CountryOfBirth|RegionOfBirth|ActionCode|SourceSystemOwner|SourceSystemId 
MERGE|Worker|10127|2018/08/17||2018/08/17|1993/08/06|||HIRE|FUSION_REL|W10127  
METADATA|PersonName|EffectiveStartDate|LegislationCode|NameType|LastName|MiddleNames|FirstName|Title|SourceSystemOwner|SourceSystemId|PersonId(SourceSystemId) 
MERGE|PersonName|2018/08/17|LECOD-0000001106141|GLOBAL|Thakare|A.|Snehal||FUSION_REL|PNW10127|W10127  
METADATA|PersonLegislativeData|EffectiveStartDate|LegislationCode|HighestEducationLevel|MaritalStatus|MaritalStatusDate|Sex|SourceSystemOwner|SourceSystemId|PersonId(SourceSystemId) 
MERGE|PersonLegislativeData|2018/08/17|LECOD-0000001106141|||||FUSION_REL|PWL10127|W10127  
METADATA|WorkRelationship|PrimaryFlag|DateStart|LegalEmployerName|WorkerType|ActionCode|SourceSystemOwner|SourceSystemId|PersonId(SourceSystemId) 
MERGE|WorkRelationship|Y|2018/08/17|Reliance Nippon Life Asset Management Limited|E|HIRE|FUSION_REL|WR10127|W10127  
METADATA|WorkTerms|ActionCode|EffectiveLatestChange|EffectiveSequence|EffectiveStartDate|EffectiveEndDate|DateStart|LegalEmployerName|PersonTypeCode|PrimaryWorkTermsFlag|BusinessUnitShortCode|PositionCode|WorkerType|SourceSystemOwner|SourceSystemId|PeriodOfServiceId(SourceSystemId)|PersonId(SourceSystemId) 
MERGE|WorkTerms|HIRE|Y|1|2018/08/17|4712/12/31|2018/08/17|Reliance Nippon Life Asset Management Limited|Employee|Y|5000 - RNLAM||E|FUSION_REL|WT10127|WR10127|W10127  
METADATA|Assignment|ActionCode|EffectiveStartDate|EffectiveEndDate|EffectiveSequence|EffectiveLatestChange|PersonTypeCode|PrimaryAssignmentFlag|BusinessUnitShortCode|PositionCode|WorkerType|SourceSystemOwner|SourceSystemId|WorkTermsAssignmentId(SourceSystemId)|PeriodOfServiceId(SourceSystemId)|PersonId(SourceSystemId) 
MERGE|Assignment|HIRE|2018/08/17|4712/12/31|1|Y|Employee|Y|5000 - RNLAM||E|FUSION_REL|A10127|WT10127|WR10127|W10127

Can someone help please ?

Thanks, Shivam

How to java bean validate range only if not null or zero
I would like to use Java Bean Validation to validate an Integer. It is a validation of multiple validations.

I would like the age to be validated, where these values are valid:
```
age == null or age == 0 or (age >= 15 and age <= 80)
```
```
public class Person {
    private Integer age;
}
```
I would like to be able to use the current validation constraints of java. Do I need to implement my own constraint annotation ?

This would be nice, but this does not work:
```
public class Person {
    @Null
    @Range(min=0, max=0)
    @Range(min=15, max = 80)
    private Integer age;
}
```
How to add constant inside Joi validator?
I have a joi validator code:
```
city: Joi.string().valid([cities]).required()
```
and constant
```
const cities = require("../cities");
```
I want to add cities inside city joi validator. Because when I test city. only specific city values must be inside of the city.
XPages / JSF possible to invoke validation from code?
On an xpage I have the validation bound to the status of an object (draft,for approval, approved).
```
<xp:inputText
    id="inpHighRiskCountry" styleClass="inputEscalation"
    value="#{matterBean.matter.escHighRisk}"
    validator="#{matterValidators.valEscHighRiskCountry}"
    disabled="#{!matterBean.matter.editable}">
    <xp:this.attrs>
        <xp:attr name="placeholder"
            value="#{matter.gen_EnterCountry}" />
    </xp:this.attrs>
    <xp:this.validators>
        <xp:validateRequired
            message="#{matter.msg_valid_esc_high_risk}" />
    </xp:this.validators>
    <xp:this.required><![CDATA[#{!(matterBean.matter.status eq "For approval")}]]></xp:this.required>
</xp:inputText>
```
In status draft (the default value) NO validation is required. Before sending to approval I want the validation to occur.

How can I initiate this? (e.g. initiate at any time validation)

Now I have under a "Send for approval" button a function that tries to save the object in backend. So first it sets the status to "For approval", saves the object. I would like to have it "execute validation", set the status, save the object.

I am webifying an existing application so I am doubtful if I can introduce an "in between" status.

Related questions

Is there a more efficient way to check number of columns?

See also questions close to this topic