必填字段自定义验证

我有一个包含许多输入字段的表单.我已经放了html5验证

<input type="text" name="topicName" id="topicName" required />

当我提交表单而不填写此文本框时,它会显示默认消息

"Please fill out this field"

有人可以帮我编辑这条消息吗？

我有一个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) …

 <form class="form-asd" role="form">
    <h2 class="form-signin-heading">login</h2><hr />
    <label class="control-label"  for="username">Username</label>
    <input class="form-control" type="email"  required="" placeholder="username"data-error="enter valid username"></input>
    <label class="control-label"  for="username">password</label>
    <input class="form-control" type="password"  required=" " placeholder="Password"></input>
    <label class="checkbox"></label>
    <button class="btn btn-lg btn-primary " type="submit">submit</button>
</form>

我们如何更改require字段popover的默认消息"请填写此字段"至"请输入用户名"