Hi Mongstone,
Thanks for your feedback, I reproduced your issue in two different environments, it seems that it was a bug.
Workaround:
If the field you want to map is phone number, you could change type to "tel".
Or set type to text, and run a custom javascript function for your field to only allow number input.
Here is my validation function, it will insert an error message text after the field, and the string value will be cleared after 1 seconds.
If the input value is number, then remove the error text.
You could assign an id to the field that you want to only allow number, replace the "phone" with that id to test whether it could work for you.
document.getElementById("phone").addEventListener("focusout", validate);
function validate() {
if (this.value !== "") {
if (/^\d $/.test(this.value) === false) {
createErrorMsg(this.id, "Only number is allowed.")
} else {
eraseErrorMsg(this.id);
}
}
}
function createErrorMsg(id, msg) {
eraseErrorMsg(id);
var error = document.createElement("p");
error.setAttribute("id", id "-error");
error.style.color = "red";
error.innerText = msg;
document.getElementById(id).parentNode.appendChild(error);
setTimeout(function () {
document.getElementById(id).value = "";
}, 1000);
}
function eraseErrorMsg(id) {
var error = document.getElementById(id "-error");
if (error) {
error.remove();
}
}
Regards,
Clofly
