Как использовать проверку jQuery ajaxSubmit для отправки в серверную часть ASP.NET - PullRequest
0 голосов
/ 08 ноября 2011

Я использую плагин проверки jQuery для проверки формы и jquery-cookie для настройки cookie, форма просматривается на нескольких страницах, поэтому после проверки формыФорма должна быть отправлена ​​через ajax, установить cookie, затем скрыть форму и отобразить подтверждающее сообщение.Затем cookie читается, если пользователь отправил форму раньше, форма должна показывать только подтверждающее сообщение на других страницах.

Теперь идет бит AJAX, проблема, с которой я сталкиваюсь, это, я думаю, бэкэндиспользует ASP.NET, но у меня нет связи со сторонним разработчиком, как я могу заставить их работать на них?Это то, что я могу сначала настроить и сказать им следовать?Я предполагаю, что у меня отсутствует куча кода с точки зрения синтаксического анализа данных с помощью ajax, но я не уверен, как / что делать для среды ASP.NET, кто-то может дать мне несколько примеров или инструкций о том, как справиться с этим?

Наценка:

<section id="contact">
    <form action="" id="enq-form" method="post" action="">
        <p><label for="enq-name">Name*</label>
        <input type="text" id="enq-name" name="enq-name" /></p>
        <p><label for="enq-comp-name">Company name*</label>
        <input type="text" id="enq-comp-name" name="enq-comp-name" /></p>
        <p><button class="ir">contact me</button></p>
    </form>
</section>
<section id="thankyou">
    <h4 class="ir">Thank you</h4>
</section>

JS:

$('#enq-form').validate({
    rules: {
        "enq-name": { required:true },
        "enq-comp-name": { required:true }
    },
    errorPlacement: function(error,element) {
        return true;
    },
    submitHandler: function(form) {
        $('#contact').hide();
        $('#thankyou').fadeIn();
        $.cookie('enquiry', 'true', {expires: 7});
        $(form).ajaxSubmit();
    }
});

// check if cookie exist
var enquiry = $.cookie('enquiry');
if (enquiry == 'true') {
    $('#contact').hide();
    $('#thankyou').show();
}
...