使用jQuery禁用提交按钮和/或获得价值形式的作用 [英] Using JQuery to Disable Submit button and/or get Value of form action

查看:190
本文介绍了使用jQuery禁用提交按钮和/或获得价值形式的作用的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!

问题描述

这个问题两部分。我想在这里做的两件事情取决于用户的操作。
我如果在一个按钮类型的列表中存在多个显示的送货地址的页面。如果有多于一个的地址,一个以上的按钮将出现。用户也可以在一个新的地址输入的能力。这是NopCommerce结账。

我想什么做的,就是如果用户选择通过点击按钮,使用特定的地址,然后得到发货信息和禁用按一下按钮,执行验证,然后允许点击继续,如果没事。

但是,如果用户输入一个新的地址,我想在底部禁用提交按钮,核实信息,如果一切都很好,完成这些步骤向前推进。这是更重要的部分现在。

有人可以协助禁止在此窗体底部提交按钮?我已经尝试了一些方法,但不能得到它。

下面是表单数据:

 < D​​IV CLASS =页面标题>
< H1>送货地址< / H1>
< / DIV>
< D​​IV CLASS =页面身体结帐数据>< D​​IV CLASS =部分选择航运地址>
    < D​​IV CLASS =标题>
        <强>选择送货地址和LT; / STRONG>
    < / DIV>
    < D​​IV CLASS =地址格>        < D​​IV CLASS =地址项>
            < D​​IV CLASS =选择键>
                <输入类型=按钮值=船到这个地址级=按钮选择1 - 送货地址按钮的onclick =的setLocation('/签/ selectshippingaddress addressId = 43?')/>
            < / DIV>
            < UL类=地址框>
                <李类=名>
                    <强>约翰·史密斯< / STRONG>
                < /李>
                &LT;李班=电子邮件&GT;电子邮件:admin@yourstore.com< /李&GT;
                &LT;李班=手机&GT;
                    电话号码:
                    1234567890
                &LT; /李&GT;
                &LT;李班=传真&GT;
                    传真号:                &LT; /李&GT;
                &LT;李班=地址1&GT;
                    320ê二街
                &LT; /李&GT;
                &LT;李班=地址2&GT;                &LT; /李&GT;
                &LT;李班=城邦-ZIP&GT;
                    纽约 ,
                    纽约10022-6708
                &LT; /李&GT;
                &LT;李班=国&GT;
                    美国
                &LT; /李&GT;
            &LT; / UL&GT;
        &LT; / DIV&GT;
        &LT; D​​IV CLASS =地址项&GT;
            &LT; D​​IV CLASS =选择键&GT;
                &LT;输入类型=按钮值=船到这个地址级=按钮选择1 - 送货地址按钮的onclick =的setLocation('/签/ selectshippingaddress addressId = 74?')/&GT;
            &LT; / DIV&GT;
            &LT; UL类=地址框&GT;
                &LT;李类=名&GT;
                    &LT;强&GT;约翰·史密斯&LT; / STRONG&GT;
                &LT; /李&GT;
                &LT;李班=电子邮件&GT;电子邮件:admin@yourstore.com< /李&GT;
                &LT;李班=手机&GT;
                    电话号码:
                    123457890
                &LT; /李&GT;
                &LT;李班=传真&GT;
                    传真号:                &LT; /李&GT;
                &LT;李班=地址1&GT;
                    42巷执事
                &LT; /李&GT;
                &LT;李班=城邦-ZIP&GT;
                    新罕布什尔,
                    新罕布什尔州02548
                &LT; /李&GT;
                &LT;李班=国&GT;
                    美国
                &LT; /李&GT;
            &LT; / UL&GT;
        &LT; / DIV&GT;
    &LT; / DIV&GT;
&LT; / DIV&GT;&LT; D​​IV CLASS =部分新送货地址&GT;
    &LT; D​​IV CLASS =标题&GT;
        &LT;强&gt;或输入新的地址和LT; / STRONG&GT;
    &LT; / DIV&GT;
    &LT; D​​IV CLASS =输入地址&GT;
        &LT;形式的行动=/签/ shippingaddress的方法=后&GT;
            &LT; D​​IV CLASS =输入地址体&GT;                &LT;脚本类型=文/ JavaScript的&GT;
                    $(函数(){
                        $(#NewAddress_CountryId)。改变(函数(){
                            VAR将selectedItem = $(本).VAL();
                            VAR ddlStates = $(#NewAddress_StateProvinceId);
                            VAR statesProgress = $(#状态装载正在进行);
                            statesProgress.show();
                            $阿贾克斯({
                                缓存:假的,
                                键入:GET,
                                URL:/国家/ getstatesbycountryid
                                数据:{countryId:将selectedItemaddEmptyStateIfRequired:真正的},
                                成功:功能(数据){
                                    ddlStates.html('');
                                    $。每个(数据,功能(ID,可选){
                                        ddlStates.append($('&LT;选项&GT;&LT; /选项&GT;')。VAL(option.id)的.html(option.name));
                                    });
                                    statesProgress.hide();
                                },
                                错误:功能(XHR,ajaxOptions,thrownError){
                                    警报('无法检索状态。');
                                    statesProgress.hide();
                                }
                            });
                        });
                    });
                &LT; / SCRIPT&GT;
                &LT;输入数据-VAL =真正的数据-VAL-数=ID字段必须是一个数字。数据-VAL-所需=&放大器;#39; ID和放大器;#39;不能为空。 ID =NewAddress_IdNAME =NewAddress.Id类型=隐藏值=0/&GT;
                &LT; D​​IV CLASS =编辑地址&GT;
                    &LT; D​​IV CLASS =输入&GT;
                        &LT;标签=NewAddress_FirstName&gt;首先名称:LT; /标签&gt;
                        &LT;输入类=文本框单行数据-VAL =真正的数据-VAL-所需=名字是必需的。 ID =NewAddress_FirstNameNAME =NewAddress.FirstName类型=文本VALUE =约翰/&GT;
                        &LT;跨度类=必需&GT; * LT; / SPAN&GT;
                        &LT;跨度类=现场验证,有效的数据valmsg换=NewAddress.FirstName数据valmsg替换=真正的&GT;&LT; / SPAN&GT;
                    &LT; / DIV&GT;
                    &LT; D​​IV CLASS =输入&GT;
                        &LT;标签=NewAddress_LastName&GT;姓:&LT; /标签&gt;
                        &LT;输入类=文本框单行数据-VAL =真正的数据-VAL-所需=姓氏是必需的。 ID =NewAddress_LastNameNAME =NewAddress.LastName类型=文本值=史密斯/&GT;
                        &LT;跨度类=必需&GT; * LT; / SPAN&GT;
                        &LT;跨度类=现场验证,有效的数据valmsg换=NewAddress.LastName数据valmsg替换=真正的&GT;&LT; / SPAN&GT;                    &LT; / DIV&GT;
                    &LT; D​​IV CLASS =输入&GT;
                        &LT;标签=NewAddress_Email&GT;电子邮件:&LT; /标签&gt;
                        &LT;输入级=数据-VAL =真正的数据-VAL-电子邮件=错误的电子邮件数据-VAL-需要文本框单行=是必需的电子邮件。 ID =NewAddress_EmailNAME =NewAddress.Email类型=文本VALUE =admin@mariobadescu.com/&GT;
                        &LT;跨度类=必需&GT; * LT; / SPAN&GT;
                        &LT;跨度类=现场验证,有效的数据valmsg换=NewAddress.Email数据valmsg替换=真正的&GT;&LT; / SPAN&GT;
                    &LT; / DIV&GT;
                    &LT; D​​IV CLASS =输入&GT;
                        &LT;标签=NewAddress_Company&GT;公司:其中; /标签&gt;
                        &LT;输入类=文本框单行ID =NewAddress_CompanyNAME =NewAddress.Company类型=文本值=/&GT;
                        &LT;跨度类=现场验证,有效的数据valmsg换=NewAddress.Company数据valmsg替换=真正的&GT;&LT; / SPAN&GT;
                    &LT; / DIV&GT;
                    &LT; D​​IV CLASS =输入&GT;
                        &LT;标签=NewAddress_CountryId&GT;国家:&LT; /标签&gt;
                        &LT;选择数据-VAL =真正的数据-VAL-数=这个领域国家必须是一个数字。数据-VAL-所需=是必需的国家。 ID =NewAddress_CountryIdNAME =NewAddress.CountryId&GT;
                            &LT;期权价值=0&GT;选择国家&LT; /选项&GT;
                            &LT;期权价值=1&GT;美国&LT; /选项&GT;
                            &LT;期权价值=2&GT;加拿大和LT; /选项&GT;                        &LT; /选择&GT;
                        &LT;跨度类=必需&GT; * LT; / SPAN&GT;
                        &LT;跨度类=现场验证,有效的数据valmsg换=NewAddress.CountryId数据valmsg替换=真正的&GT;&LT; / SPAN&GT;
                    &LT; / DIV&GT;                    &LT; D​​IV CLASS =输入&GT;
                        &LT;标签=NewAddress_StateProvinceId&GT;州/省:LT; /标签&gt;
                        &LT;选择数据-VAL =真正的数据-VAL-数=该领域的国家/省必须是一个数字。 ID =NewAddress_StateProvinceIdNAME =NewAddress.StateProvinceId&GT;
                            &LT;期权价值=0&gt;其他(非美国)LT; /选项&GT;
                        &LT; /选择&GT;
                        &LT;跨度ID =状态装载正在进行的风格=显示:无;类=请等待&GT;等待...&LT; / SPAN&GT;
                        &LT;跨度类=现场验证,有效的数据valmsg换=NewAddress.StateProvinceId数据valmsg替换=真正的&GT;&LT; / SPAN&GT;
                    &LT; / DIV&GT;
                    &LT; D​​IV CLASS =输入&GT;
                        &LT;标签=NewAddress_City&GT;城市:其中; /标签&gt;
                        &LT;输入类=文本框单行数据-VAL =真正的数据-VAL-所需=城市需要ID =NewAddress_CityNAME =NewAddress.City类型=文本值= /&GT;                        &LT;跨度类=必需&GT; * LT; / SPAN&GT; &LT;跨度类=现场验证,有效的数据valmsg换=NewAddress.City数据valmsg替换=真正的&GT;&LT; / SPAN&GT;
                    &LT; / DIV&GT;
                    &LT; D​​IV CLASS =输入&GT;
                        &LT;标签=NewAddress_Address1&gt;地址1:&LT; /标签&gt;
                        &LT;输入类=是必需的街道地址,文本框单行数据-VAL =真正的数据-VAL-需要= ID =NewAddress_Address1NAME =NewAddress.Address1类型=文本的价值=/&GT;
                        &LT;跨度类=必需&GT; * LT; / SPAN&GT; &LT;跨度类=现场验证,有效的数据valmsg换=NewAddress.Address1数据valmsg替换=真正的&GT;&LT; / SPAN&GT;
                    &LT; / DIV&GT;
                    &LT; D​​IV CLASS =输入&GT;
                        &LT;标签=NewAddress_Address2&gt;地址2:&LT; /标签&gt;
                        &LT;输入类=文本框单行ID =NewAddress_Address2NAME =NewAddress.Address2类型=文本值=/&GT;
                        &LT;跨度类=现场验证,有效的数据valmsg换=NewAddress.Address2数据valmsg替换=真正的&GT;&LT; / SPAN&GT;
                    &LT; / DIV&GT;
                    &LT; D​​IV CLASS =输入&GT;
                        &LT;标签=NewAddress_ZipPostal code&GT;邮编/ code:&LT; /标签&gt;
                        &LT;输入类=是必需的邮编/ code,文本框单行数据-VAL =真正的数据-VAL-需要= ID =NewAddress_ZipPostal codeNAME =NewAddress .ZipPostal code型=文本值=/&GT;
                        &LT;跨度类=必需&GT; * LT; / SPAN&GT; &LT;跨度类=现场验证,有效的数据valmsg换=NewAddress.ZipPostal code数据valmsg替换=真正的&GT;&LT; / SPAN&GT;
                    &LT; / DIV&GT;
                    &LT; D​​IV CLASS =输入&GT;
                        &LT;标签=NewAddress_PhoneNumber&GT;电话号码:其中; /标签&gt;
                        &LT;输入类=文本框单行数据-VAL =真正的数据-VAL-所需=电话要求ID =NewAddress_PhoneNumberNAME =NewAddress.PhoneNumber类型=文本值= /&GT;
                        &LT;跨度类=必需&GT; * LT; / SPAN&GT; &LT;跨度类=现场验证,有效的数据valmsg换=NewAddress.PhoneNumber数据valmsg替换=真正的&GT;&LT; / SPAN&GT;
                    &LT; / DIV&GT;
                    &LT; D​​IV CLASS =输入&GT;
                        &LT;标签=NewAddress_FaxNumber&GT;传真号码:其中; /标签&gt;
                        &LT;输入类=文本框单行ID =NewAddress_FaxNumberNAME =NewAddress.FaxNumber类型=文本值=/&GT;
                        &LT;跨度类=现场验证,有效的数据valmsg换=NewAddress.FaxNumber数据valmsg替换=真正的&GT;&LT; / SPAN&GT;
                    &LT; / DIV&GT;
                &LT; / DIV&GT;            &LT; / DIV&GT;
            &LT; D​​IV CLASS =按钮&GT;
                &LT;输入类型=提交名称=NEXTSTEPVALUE =下一步级=按钮-1新地址下一步的按钮/&GT;
            &LT; / DIV&GT;
        &LT; /表及GT;
    &LT; / DIV&GT;

我有以下的code,但没有什么:

  $(新航运地址&gt;。进入-地址&gt;。进入地址体&GT; .edit-地址&gt;。新地址 - 下一页 - 步骤键)[0] .onclick = NULL;
    $(新航运地址&gt;。进入-地址&gt;。进入地址体&GT; .edit-地址&gt;。新的地址,下一步的按钮)。点击(函数(){
        警报(这里);
        $(:提交)最接近(形式)提交(函数(){。
            $(':提交)。ATTR(禁用,已禁用);
        });
        VAR selectedShippingAddressId = $('#送货地址选)VAL()。
        VAR URL ='/ WidgetsAddressVerification / PublicInfo /'+ selectedShippingAddressId;
        VAR urlNewAddress ='​​/ WidgetsAddressVerification / ValidateNewAddress /';        如果(selectedShippingAddressId ==){
            //警报($('#ShippingNewAddress_Id)VAL());
            $阿贾克斯({
                类型:'后',
                网址:urlNewAddress,
                数据:{
                    姓:$('#NewAddress_FirstName)VAL()。
                    名字:$('#NewAddress_LastName)VAL()。
                    公司名称:$('#NewAddress_Company)VAL()。
                    EmailAddress的:$('#NewAddress_Email)VAL()
                    公司名称:$('#NewAddress_Company)VAL()。
                    CountryId:$('#NewAddress_CountryId)VAL()。
                    StateProvinceId:$('#NewAddress_StateProvinceId)VAL()
                    城市:$('#NewAddress_City)VAL()。
                    地址1:$('#NewAddress_Address1)VAL()。
                    地址2:$('#NewAddress_Address2)VAL()。
                    邮政code:$('#NewAddress_ZipPostal code')VAL()
                    电话号码:$('#NewAddress_PhoneNumber)VAL()。
                },
                成功:功能(数据){
                    $(#对话框的模式)HTML(数据);
                    $(#对话框的模式)。对话框({
                        的AutoOpen:真实,
                        标题:地址验证,
                        身高:360
                        宽度:500,
                        模式:真
                    });
                }
            });
        }
        其他{
            $阿贾克斯({
                类型:'后',
                网址:网址,
                成功:功能(数据){
                    $(#对话框的模式)HTML(数据);
                    $(#对话框的模式)。对话框({
                        的AutoOpen:真实,
                        标题:地址验证,
                        身高:360
                        宽度:500,
                        模式:真
                    });
                }
            });
        }        如果(如preventDefault){
            //对于现代浏览器
            亦即preventDefault();
        }
        其他{
            //对于年龄较大的IE浏览器
            e.returnValue = FALSE;
        }
    });


解决方案

这应该禁用按钮:

  $('。新的地址,下一步的按钮').prop(禁用,真正的);

this question is two part. I am trying to do two things here depending on the users actions. I have a page that displays the shipping addresses if more than one exist in a button kind of list. If there are more than one address, more than one button will appear. The user also has the ability to enter in a new address. This is from NopCommerce checkout.

What I would like to do, is if the user selects a particular address to use by clicking the button, then get that shipping information and disable the button click, perform validation and then allow the click to continue if okay.

However, if the user enters a new address, I would like to disable the "submit" button at the bottom, verify the info, if all is good, move forward through the steps. This is the more important part right now.

Can someone assist in disabling the submit button at the bottom of this form? I have tried a few ways, but can't get it.

Here is the form data:

<div class="page-title">
<h1>Shipping address</h1>
</div>
<div class="page-body checkout-data">

<div class="section select-shipping-address">
    <div class="title">
        <strong>Select shipping address</strong>
    </div>
    <div class="address-grid">

        <div class="address-item">
            <div class="select-button">
                <input type="button" value="Ship to this address" class="button-1 select-shipping-address-button" onclick="setLocation('/checkout/selectshippingaddress?addressId=43') " />
            </div>
            <ul class="address-box">
                <li class="name">
                    <strong>John Smith</strong>
                </li>
                <li class="email">Email: admin@yourstore.com</li>
                <li class="phone">
                    Phone number:
                    1234567890
                </li>
                <li class="fax">
                    Fax number:

                </li>
                <li class="address1">
                    320 E 2nd St
                </li>
                <li class="address2">

                </li>
                <li class="city-state-zip">
                    New York                                                                                    ,
                    New York                                        10022-6708
                </li>
                <li class="country">
                    United States
                </li>
            </ul>
        </div>
        <div class="address-item">
            <div class="select-button">
                <input type="button" value="Ship to this address" class="button-1 select-shipping-address-button" onclick="setLocation('/checkout/selectshippingaddress?addressId=74') " />
            </div>
            <ul class="address-box">
                <li class="name">
                    <strong>John Smith</strong>
                </li>
                <li class="email">Email: admin@yourstore.com</li>
                <li class="phone">
                    Phone number:
                    123457890
                </li>
                <li class="fax">
                    Fax number:

                </li>
                <li class="address1">
                    42 Deacon Lane
                </li>
                <li class="city-state-zip">
                    New Hampshire,
                    New Hampshire                                        02548
                </li>
                <li class="country">
                    United States
                </li>
            </ul>
        </div>
    </div>
</div>

<div class="section new-shipping-address">
    <div class="title">
        <strong>Or enter new address</strong>
    </div>
    <div class="enter-address">
        <form action="/checkout/shippingaddress" method="post">
            <div class="enter-address-body">

                <script type="text/javascript">
                    $(function () {
                        $("#NewAddress_CountryId").change(function () {
                            var selectedItem = $(this).val();
                            var ddlStates = $("#NewAddress_StateProvinceId");
                            var statesProgress = $("#states-loading-progress");
                            statesProgress.show();
                            $.ajax({
                                cache: false,
                                type: "GET",
                                url: "/country/getstatesbycountryid",
                                data: { "countryId": selectedItem, "addEmptyStateIfRequired": "true" },
                                success: function (data) {
                                    ddlStates.html('');
                                    $.each(data, function (id, option) {
                                        ddlStates.append($('<option></option>').val(option.id).html(option.name));
                                    });
                                    statesProgress.hide();
                                },
                                error: function (xhr, ajaxOptions, thrownError) {
                                    alert('Failed to retrieve states.');
                                    statesProgress.hide();
                                }
                            });
                        });
                    });
                </script>
                <input data-val="true" data-val-number="The field Id must be a number." data-val-required="&#39;Id&#39; must not be empty." id="NewAddress_Id" name="NewAddress.Id" type="hidden" value="0" />
                <div class="edit-address">
                    <div class="inputs">
                        <label for="NewAddress_FirstName">First name:</label>
                        <input class="text-box single-line" data-val="true" data-val-required="First name is required." id="NewAddress_FirstName" name="NewAddress.FirstName" type="text" value="John" />
                        <span class="required">*</span>
                        <span class="field-validation-valid" data-valmsg-for="NewAddress.FirstName" data-valmsg-replace="true"></span>
                    </div>
                    <div class="inputs">
                        <label for="NewAddress_LastName">Last name:</label>
                        <input class="text-box single-line" data-val="true" data-val-required="Last name is required." id="NewAddress_LastName" name="NewAddress.LastName" type="text" value="Smith" />
                        <span class="required">*</span>
                        <span class="field-validation-valid" data-valmsg-for="NewAddress.LastName" data-valmsg-replace="true"></span>

                    </div>
                    <div class="inputs">
                        <label for="NewAddress_Email">Email:</label>
                        <input class="text-box single-line" data-val="true" data-val-email="Wrong email" data-val-required="Email is required." id="NewAddress_Email" name="NewAddress.Email" type="text" value="admin@mariobadescu.com" />
                        <span class="required">*</span>
                        <span class="field-validation-valid" data-valmsg-for="NewAddress.Email" data-valmsg-replace="true"></span>
                    </div>
                    <div class="inputs">
                        <label for="NewAddress_Company">Company:</label>
                        <input class="text-box single-line" id="NewAddress_Company" name="NewAddress.Company" type="text" value="" />
                        <span class="field-validation-valid" data-valmsg-for="NewAddress.Company" data-valmsg-replace="true"></span>
                    </div>
                    <div class="inputs">
                        <label for="NewAddress_CountryId">Country:</label>
                        <select data-val="true" data-val-number="The field Country must be a number." data-val-required="Country is required." id="NewAddress_CountryId" name="NewAddress.CountryId">
                            <option value="0">Select country</option>
                            <option value="1">United States</option>
                            <option value="2">Canada</option>

                        </select>
                        <span class="required">*</span>
                        <span class="field-validation-valid" data-valmsg-for="NewAddress.CountryId" data-valmsg-replace="true"></span>
                    </div>

                    <div class="inputs">
                        <label for="NewAddress_StateProvinceId">State / province:</label>
                        <select data-val="true" data-val-number="The field State / province must be a number." id="NewAddress_StateProvinceId" name="NewAddress.StateProvinceId">
                            <option value="0">Other (Non US)</option>
                        </select>
                        <span id="states-loading-progress" style="display: none;" class="please-wait">Wait...</span>
                        <span class="field-validation-valid" data-valmsg-for="NewAddress.StateProvinceId" data-valmsg-replace="true"></span>
                    </div>
                    <div class="inputs">
                        <label for="NewAddress_City">City:</label>
                        <input class="text-box single-line" data-val="true" data-val-required="City is required" id="NewAddress_City" name="NewAddress.City" type="text" value="" />

                        <span class="required">*</span>            <span class="field-validation-valid" data-valmsg-for="NewAddress.City" data-valmsg-replace="true"></span>
                    </div>
                    <div class="inputs">
                        <label for="NewAddress_Address1">Address 1:</label>
                        <input class="text-box single-line" data-val="true" data-val-required="Street address is required" id="NewAddress_Address1" name="NewAddress.Address1" type="text" value="" />
                        <span class="required">*</span>            <span class="field-validation-valid" data-valmsg-for="NewAddress.Address1" data-valmsg-replace="true"></span>
                    </div>
                    <div class="inputs">
                        <label for="NewAddress_Address2">Address 2:</label>
                        <input class="text-box single-line" id="NewAddress_Address2" name="NewAddress.Address2" type="text" value="" />
                        <span class="field-validation-valid" data-valmsg-for="NewAddress.Address2" data-valmsg-replace="true"></span>
                    </div>
                    <div class="inputs">
                        <label for="NewAddress_ZipPostalCode">Zip / postal code:</label>
                        <input class="text-box single-line" data-val="true" data-val-required="Zip / postal code is required" id="NewAddress_ZipPostalCode" name="NewAddress.ZipPostalCode" type="text" value="" />
                        <span class="required">*</span>            <span class="field-validation-valid" data-valmsg-for="NewAddress.ZipPostalCode" data-valmsg-replace="true"></span>
                    </div>
                    <div class="inputs">
                        <label for="NewAddress_PhoneNumber">Phone number:</label>
                        <input class="text-box single-line" data-val="true" data-val-required="Phone is required" id="NewAddress_PhoneNumber" name="NewAddress.PhoneNumber" type="text" value="" />
                        <span class="required">*</span>            <span class="field-validation-valid" data-valmsg-for="NewAddress.PhoneNumber" data-valmsg-replace="true"></span>
                    </div>
                    <div class="inputs">
                        <label for="NewAddress_FaxNumber">Fax number:</label>
                        <input class="text-box single-line" id="NewAddress_FaxNumber" name="NewAddress.FaxNumber" type="text" value="" />
                        <span class="field-validation-valid" data-valmsg-for="NewAddress.FaxNumber" data-valmsg-replace="true"></span>
                    </div>
                </div>

            </div>
            <div class="buttons">
                <input type="submit" name="nextstep" value="Next" class="button-1 new-address-next-step-button" />
            </div>
        </form>
    </div>

I have the following code but nothing:

$(".new-shipping-address > .enter-address > .enter-address-body > .edit-address > .new-address-next-step-button")[0].onclick = null;
    $(".new-shipping-address > .enter-address > .enter-address-body > .edit-address > .new-address-next-step-button").click(function () {
        alert("here");
        $(":submit").closest("form").submit(function () {
            $(':submit').attr('disabled', 'disabled');
        });
        var selectedShippingAddressId = $('#shipping-address-select').val();
        var url = '/WidgetsAddressVerification/PublicInfo/' + selectedShippingAddressId;
        var urlNewAddress = '/WidgetsAddressVerification/ValidateNewAddress/';

        if (selectedShippingAddressId == "") {
            //alert($('#ShippingNewAddress_Id').val());
            $.ajax({
                type: 'post',
                url: urlNewAddress,
                data: {
                    FirstName: $('#NewAddress_FirstName').val(),
                    LastName: $('#NewAddress_LastName').val(),
                    CompanyName: $('#NewAddress_Company').val(),
                    EmailAddress: $('#NewAddress_Email').val(),
                    CompanyName: $('#NewAddress_Company').val(),
                    CountryId: $('#NewAddress_CountryId').val(),
                    StateProvinceId: $('#NewAddress_StateProvinceId').val(),
                    City: $('#NewAddress_City').val(),
                    Address1: $('#NewAddress_Address1').val(),
                    Address2: $('#NewAddress_Address2').val(),
                    PostalCode: $('#NewAddress_ZipPostalCode').val(),
                    PhoneNumber: $('#NewAddress_PhoneNumber').val()
                },
                success: function (data) {
                    $("#dialog-modal").html(data);
                    $("#dialog-modal").dialog({
                        autoOpen: true,
                        title: 'Address Verification',
                        height: 360,
                        width: 500,
                        modal: true
                    });
                }
            });
        }
        else {
            $.ajax({
                type: 'post',
                url: url,
                success: function (data) {
                    $("#dialog-modal").html(data);
                    $("#dialog-modal").dialog({
                        autoOpen: true,
                        title: 'Address Verification',
                        height: 360,
                        width: 500,
                        modal: true
                    });
                }
            });
        }

        if (e.preventDefault) {
            // For modern browsers
            e.preventDefault();
        }
        else {
            // For older IE browsers
            e.returnValue = false;
        }
    });

解决方案

This should disable the button:

$( '.new-address-next-step-button' ).prop( 'disabled', true );

这篇关于使用jQuery禁用提交按钮和/或获得价值形式的作用的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!

查看全文
登录 关闭
扫码关注1秒登录
发送“验证码”获取 | 15天全站免登陆