Как написать HTL-запрос для изменения формы ввода с текста на телефон

Question

Я настроил компонент формы. Я должен изменить тип ввода формы, когда он находит html pattern = "[+ 0-9 () -] *" с текста на тел. Возможно ли использовать HTL.

Answer 1

Вы также можете просмотреть документацию по атрибутам: https://docs.adobe.com/content/help/en/experience-manager-htl/using/htl/block-statements.html#attribute, в этом случае data-sly-attribute.type="${myModel.type}", в вашей модели вы можете решить, хотите ли вы tel или text, основываясь на представленном значении. если вы хотите изменить это, пока пользователь вводит данные, вам нужно сделать это в clientlib, поскольку HTL - это сторона сервера, а не сторона клиента. Надеюсь, это поможет.

Answer 2

Вы не можете выполнять эти проверки полностью в выражениях HTL. Вам понадобится объект Use, который проверяет ввод и показывает, является ли это телефонный номер или нет:

<sly data-sly-use.myModel="...">
<input type="${myModel.isTelephone ? 'tel' : 'text'}"...