修改前端表单 require必填字段提示信息(请填写此字段)

方法1：确认是原生浏览器提示信息

设置html oninvalid事件

<input type="text" name="email" id="email" required  oninvalid="setCustomValidity('Please fill in this field')">

设置表单提交触发onclick事件

<button onclick="setMyText()"><span>Order now</span></button>

设置js onclick事件  判断是否符合提交条件（字段为空提示信息不为空清空oninvalid事件信息）

function setMyText() {

    var email = document.getElementById("email");
    
    if (email.validity.patternMismatch === true) {
        email.setCustomValidity("Please fill in this field");
    } else {
        email.setCustomValidity('');
    }
    

}

2：layui提示

使用lay-reqText字段修改提示内容  版本要求layui 2.5.0

<input type="text" name="email" required lay-verify="required" lay-reqtext="Please fill in this field">