Javascript function going into endless loop

Question

I have a Javascript function that checks if the datatype of the use input is same as that expected by the control e.g. if a character has been entered in an integer field expected in textbox control. The validation message is displayed correctly but the alert does not go away and the function seems to be going into an endless loop. Any help would be appreciated..

Function is as given below :

public ValidateControl(event: Event, dataType: string) {
    let isValid = true;

    let objControl = event.target as HTMLInputElement;
    let elementId = objControl.id;
    let ctrlValue = objControl.value;

    if (ctrlValue.trim() != '') {
      isValid = Common.ValidateDataType(ctrlValue, dataType);
      if (!isValid) {
        document.getElementById(elementId).focus();
        alert("Check your entry in '" + dataType + "' data type column");
        
      }
    }
  }

<div *ngIf="head.ControlType == 'TextBox'">
<input (blur)="ValidateControl($event, head.DataType)" />

Mark Schultheiss · Accepted Answer · 2022-03-18 22:28:48Z

1

You focus then loose the focus with the alert here which triggers the blur

document.getElementById(elementId).focus();
alert("Check your entry in '" + dataType + "' data type column");

Perhaps reverse those statements order

alert("Check your entry in '" + dataType + "' data type column");
document.getElementById(elementId).focus();

answered Mar 18, 2022 at 22:28

Mark Schultheiss

34.3k13 gold badges75 silver badges116 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Javascript function going into endless loop

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related