У меня есть сценарий, когда мне нужно, чтобы моя форма отправки вызывалась с помощью кода, так как моя кнопка отправки скрыта из поля зрения.У меня есть логика для вызова нажатия кнопки (одна общая кнопка для всех форм), используя приведенную ниже логику.
const element =
this._elementRef.nativeElement.getElementsByClassName('personal-btn');
if (element && element[0]) {
element[0].click();
}
Моя форма:
<json-schema-form [widgets]="customWidgets"
[framework]="selectedFrameWork"
[form]="jsonFormObject"
[options]="jsonFormOptions"
(onChanges)="onChanges($event)" (valueChanges)="changeInputValue($event)"
(onSubmit)="saveInfo($event)"
(valueChanges)="changeInputValue($event)">
</json-schema-form>
Моя форма отправить:
<div class="d-none">
<input aria-describedby="control52Status" class="personal-btn btn btn-
primary float-right" id="control52"
name="undefined" type="submit" value="undefined">
</div>
Проблема, с которой я сталкиваюсь, заключается в том, что, когда я нажимаю на следующую кнопку(логика отправки формы вызывается с помощью кода), происходит отправка формы и входные значения формы добавляются к текущему URL вместо внутренней логики и обновления страницы.
Пример:
[site url]?name=test123
Но когда я удаляю скрыть свойство на моей кнопке отправки и в итоге нажимаю на эту кнопку отправки, форма отправляется правильно без добавления URL-адреса и обновления страницы.
Я не сталкиваюсь с этой проблемой ни в одном браузере, кроме edge.
Моя проблема точно такая же: Стоп "?"от добавления в URL
Но ни одно из решений предотвращений или возврата ложных мне не помогло.