Javascript 加载新表单

Question

我有一个简单的表单，当单击 anchor 时，它会在模式中打开。

<a id="callbackLink" class="various" href="#inline">Request</a>

<div id="inline" style="display:none">
    <form id="callForm" onsubmit="callEvent(event);">
        <h3>Call Back</h3>

        <label for="Number">What number shall we call you on?</label>
        <input type="tel" id="callback-tel" placeholder=""><br>

        <input type="submit" value="Submit" />
    </form>
</div>

提交表单后，第三方图书馆将处理该表单。如果表单成功，则删除表单并在模式中显示成功消息。

现在，如果您关闭模式，然后单击按钮再次显示表单，它仍然会显示成功消息。因此，我需要一种在每次按下按钮时显示干净表单的方法。

实现这一目标的最佳方法是什么？

更新 事件监听器是

function StartClickToCall(event) {
    (event.preventDefault) ? event.preventDefault() : event.returnValue = false;

    var SuccessfulRequest = function() {
        document.getElementById('ClickToCallForm').style.display = 'none';
        document.getElementById('ClickToCallErrorMessage').style.display = 'none';
        document.getElementById('ClickToCallSuccessMessage').style.display = 'block';
    };

    var FailedRequest = function(Request, Response) {
        document.getElementById('ClickToCallSuccessMessage').style.display = 'none';
        document.getElementById('ClickToCallErrorMessage').style.display = 'block';
        document.getElementById('ClickToCallErrorMessage').innerHTML = Response.ResponseMessage;
    };

    _novero.push(['NoveroCallback', 'NewCallback', {
        Destination : jQuery("#callback-tel").intlTelInput("getNumber"),
        CallbackDate : document.getElementById('CallbackDate').value
    }, SuccessfulRequest, FailedRequest]);
}

Answer 1

$('#myModal').modal('切换'); $('#myModal').modal('view');你可以尝试模式窗口清理。我认为模式窗口似乎有问题