Загрузка Javascript в новую форму

У меня есть простая форма, которая открывается в модальном режиме при нажатии на якорь.Загрузка Javascript в новую форму

<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>

Когда форма отправлена, сторонняя библиотека обрабатывает форму. Если форма успешна, форма удаляется, и сообщение об успешном завершении отображается в модальном формате.

Теперь, если вы закроете модальную форму и затем нажмите кнопку, чтобы снова отобразить форму, она все равно покажет сообщение об успешном завершении. Поэтому мне нужен способ отображения чистой формы при каждом нажатии кнопки.

Что было бы лучшим способом достичь этого?

UPDATE Слушатель событие

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]); 
}

источник

2015-04-17 Nick Price

Я ожидаю, что позабочусь об этом в обработчике событий, который откроет форму. На что это похоже? – bloodyKnuckles

Я обновил свой вопрос. Я использую Fancybox, но я не вижу ничего в их функциях, которые могли бы помочь. –

$ ('# myModal') модальные ('переключение'). $ («# myModal») модальный («вид»);. U может попытаться с модальным окном cleaning.I думают модальное окно, кажется, проблема

источник

2015-04-17 13:23:47 Dhivya

, которого не вывесить правильную часть кода

если форма заменяется сообщением об успешном завершении, тогда у вас, вероятно, есть функция, которая делает вызов ajax и в обратном вызове успеха вы удаляете из HTML и помещаете сообщение об успешном завершении HTML

если это так .. если вы хотите восстановить форму на модальном закрытии. то вам необходимо прикрепить функцию, чтобы закрыть щелчок, который удалит сообщение об успешном HTML и повторно вставить виде HTML

EDIT:

$(".selector").fancybox({ 
    onClosed: function() { 
     document.getElementById('ClickToCallForm').style.display = ‘block’; 
     document.getElementById('ClickToCallErrorMessage').style.display = ‘block’; 
     document.getElementById('ClickToCallSuccessMessage').style.display = ‘none’; 
    }; 

});

что-то вроде этого. (вы удалили причудливую декларацию). близкий метод может иметь другое имя

, но то, что происходит:

на фантазии модального закрытия. верните стили формы. которые перезаписаны в функции успеха

источник

2015-04-17 14:26:47

Извините, теперь добавлена правильная вещь к исходному вопросу –

Загрузка Javascript в новую форму

ответ

Смежные вопросы