必填字段自定义验证
我有一个表单包含多个输入字段。我已经添加了HTML5验证。
<input type="text" name="topicName" id="topicName" required />
当我提交表单但未填写此文本框时,它会显示默认消息:
"请填写此字段"
有谁可以帮我编辑这个消息吗?
我有一个JavaScript代码来编辑它,但它不起作用。
$(document).ready(function() {
var elements = document.getElementsByName("topicName");
for (var i = 0; i < elements.length; i++) {
elements[i].oninvalid = function(e) {
e.target.setCustomValidity("");
if (!e.target.validity.valid) {
e.target.setCustomValidity("Please enter Room Topic Title");
}
};
elements[i].oninput = function(e) {
e.target.setCustomValidity("");
};
}
})
电子邮件自定义验证
我有以下HTML表单
<form id="myform">
<input id="email" name="email" type="email" />
<input type="submit" />
</form>
我希望的验证信息如下:
必填字段:请输入电子邮件地址
错误的电子邮件地址:'testing@.com'不是一个有效的电子邮件地址。(这里显示在文本框中输入的电子邮件地址)
我已经尝试过了。
function check(input) {
if(input.validity.typeMismatch){
input.setCustomValidity("'" + input.value + "' is not a Valid Email Address.");
}
else {
input.setCustomValidity("");
}
}
这个函数没有正常工作,你有其他的方式来完成这件事吗?将不胜感激。