表单提交被取消,因为插入槽时没有连接表单.html()

时间:2017-07-05 14:10:04

标签: javascript jquery html forms api

我知道这篇文章:Getting Error "Form submission canceled because the form is not connected" 我没有在那篇文章中找到解决方案,这就是我要问的原因。

我收到此错误:

  

表单提交已取消,因为表单未连接

这是我在HTML中插入表单的函数:

var getToKnowIfCoinWasDelistedOrNotKRAKEN = function () {
var $resultaatString = "<div><form id='changeExchangeForViewing'>";
$resultaatString += "<label for='choiceExchangeForLoading'>Change the exchange</label><div class='form-inline'>";
$resultaatString += "<select id='choiceExchangeForLoading' name='choiceExchangeForLoading' class='form-control'>";
$resultaatString += "<option value='Poloniex'>Poloniex</option>";
$resultaatString += "<option value='Bittrex'>Bittrex</option>";
$resultaatString += "<option value='Kraken' selected>Kraken</option>";
$resultaatString += "<option value='Bitfinex'>Bitfinex</option></select>";
$resultaatString += "<input type='submit' class='btn btn-coinchecker pull-right' value='Change' id='changeRequest'/></div></form>";
$resultaatString += "<div id='exchangeName' data-val='Kraken'>";
for (var f = 0; f < KRAKEN_ARRAY.length; f++) {
    if (KRAKEN_ARRAY[f][0] === 'Ethereum Classic'){
        $resultaatString += "<div class=\"row\" id='etc'>";
    }
    else {
        $resultaatString += "<div class=\"row\" id='" + KRAKEN_ARRAY[f][0] + "'>";
    }
    $resultaatString += "<div class=\"col-xs-6\">";
    $resultaatString += "<div class=\"media-left\"><img class='media-object' src='assets/media/" + KRAKEN_ARRAY[f][0] + ".png'></div>";
    $resultaatString += "<div class=\"media-body\"><h3 class='media-heading'>" + KRAKEN_ARRAY[f][0] + "</h3>";
    $resultaatString += "<p></p></div>";
    $resultaatString += "<div class='media-right'><h4 class='media-heading'><button class='btn btn-coinchecker' id='" +KRAKEN_ARRAY[f][0] + "'>Get data</button></h4><p></p></div></div></div>"
}
$resultaatString += "</div></div>";
$("#all-available-coins-for-to-check-out").html($resultaatString);
loadNewFonts();
};

但是当你点击示例Poloniex或Bittrex并且提交它时,我会在同一页面上具有几乎相同的功能,它会询问来自api的第一个数据,然后执行此功能:

var getToKnowIfCoinWasDelistedOrNotBITTREX = function (allCoinData, priceData, nationalCurrency) {
var $resultaatString = "<div><form id='changeExchangeForViewing'>";
$resultaatString += "<label for='choiceExchangeForLoading'>Change the exchange</label><div class='form-inline'>";
$resultaatString += "<select id='choiceExchangeForLoading' name='choiceExchangeForLoading' class='form-control'>";
$resultaatString += "<option value='Poloniex'>Poloniex</option>";
$resultaatString += "<option value='Bittrex' selected>Bittrex</option>";
$resultaatString += "<option value='Kraken'>Kraken</option>";
$resultaatString += "<option value='Bitfinex'>Bitfinex</option></select>";
$resultaatString += "<input type='submit' class='btn btn-coinchecker pull-right' value='Change' id='changeRequest'/></div></form>";
$.each(priceData.result, function (index, item) {
    $.each(allCoinData.result, function (allCoinIndex, allCoinItem) {
        if (allCoinItem.Currency == item.MarketName.substr(4) && item.MarketName.substr(0, 4) == 'BTC-') {
            var price = item.Last;
            $resultaatString += "<div class=\"row\">";
            $resultaatString += "<div class=\"col-xs-6\">";
            $resultaatString += getTheRightName(allCoinItem.CurrencyLong);
            $resultaatString += "<div class=\"media-body\"><h3 class='media-heading'>" + allCoinItem.CurrencyLong + "</h3>";
            $resultaatString += "<p>" + price.toFixed(8) + " BTC</p></div>";
            var perentage = (((price / item.PrevDay) - 1 ) * 100);
            if (perentage < 0) {
                $resultaatString += "<div class='media-right'><h4 class='media-heading red'>" + perentage.toFixed(2) + " %</h4><p>" + (waardeBitcoin * price).toFixed(3) + " " + nationalCurrency + "</p></div></div></div>"
            }
            else {
                $resultaatString += "<div class='media-right'><h4 class='media-heading green'>" + perentage.toFixed(2) + " %</h4><p>" + (waardeBitcoin * price).toFixed(3) + " " + nationalCurrency + "</p></div></div></div>"
            }
        }
    });

});
$resultaatString += "</div>";
$("#all-available-coins-for-to-check-out").html($resultaatString);
loadNewFonts();
};

就像你看到它的形式相同,但只是其中的一些其他数据,当Bittrex函数被执行时我没有得到错误。

0 个答案:

没有答案