弹出窗体的字段为空错误

field empty error for pop-up form

本文关键字：错误 字段 窗体      更新时间：2023-09-26

我可以请你帮忙吗？我为弹出表单创建了一个验证字段：

 function prepareEventHandlers() {
document.getElementById("contact").onsubmit = function () {
if (document.getElementById("message").value == '') {
    document.getElementById("errorMessage").innerHTML = 'the field should not be empty!';
    return false;
}
else {
    document.getElementById("errorMessage").innerHTML = '';
    return true;
}
};
}

window.onload = function () {
prepareEventHandlers();
}

然后html代码：

<div id="form-content" class="modal hide fade in" style="display: none;">
        <div class="modal-body">
            <form class="contact" name="contact" >
                <label class="label" for="message">Enter a Message</label><br>
                                    <textarea id="message" name="message" class="input-xlarge"></textarea>             
                                    <p><span id="errorMessage"></span></p>
            </form>
        </div>
        <div class="modal-footer">
            <input class="btn btn-success" type="submit" value="Send!" id="btnsubmit">
            <a href="#" class="btn" data-dismiss="modal">No!</a>
        </div>

我得到了这个错误：

TypeError: document.getElementById(...) is null document.getElementById("contact").onsubmit = function () {

有什么想法吗？

编辑：

好的，我把id="contact"添加到我的表单中，所以错误消失了，但现在弹出的表单被显示了，但当我尝试用空值或非空值点击发送时，什么都没有发生。。。

仅在<input class="btn btn-success" type="submit" value="Send!" id="btnsubmit"> 之后关闭</form>

并将html表单id更改为contact

相关文章：