在JavaScript中使用Contact Form 7

时间:2018-02-13 11:10:19

标签: javascript wordpress contact-form-7

我正在创建一个新的div,与我点击“添加文件”按钮时出现在网站上的那个相同,但是我没有提供上传文件,也没有在我创建的第二个或第三个div中选择语言单击此按钮。我认为问题是JavaScript无法识别Contact Form 7代码。任何人都可以帮助我吗?

这是我的代码。

<div id = "alldiv" style = "border: 1px solid lightgrey; padding: 10px; padding-left: 15px; padding-top: 15px;">
        <div class="input-group">
            <span class="input-group-btn">
            <span class="button btn-primary btn-file">[:pt]Procurar[:en]Find File[:es]Encontrar archivo[:fr]Rechercher un fichier[:]&hellip; [multifile your-file filetypes:pdf|txt limit:2mb]</span>
            </span><input type="text" class="form-control" readonly placeholder="[:pt]Documento para tradução[:en]Document for translation[:es]Documento de traducción[:fr]Document à traduire[:]"></div>
        </br>

        <div id = "container1">
            <div class="row">
                <div class="columns twelve">
                    <div class="lang-container">
                        <p class="pleft"><span>[:pt]Traduzir de[:en]Translate from[:es]Traducir de[:fr]Traduire de[:]</span></p>
                        <div class="lang-selectable">
                            <span class="wpcf7-form-control-wrap your-pares"><select name="your-pares" class="wpcf7-form-control wpcf7-select wpcf7-validates-as-required" aria-required="true" aria-invalid="false"><option value="">---</option><option value="Alemão">German</option><option value="Búlgaro">Bulgarian</option><option value="Castelhano">Spanish</option><option value="Checo">Czech</option><option value="Croata">Croatian</option><option value="Dinamarquês">Danish</option><option value="Eslovaco">Slovak</option><option value="Esloveno">Slovenian</option><option value="Estoniano">Estonian</option><option value="Finlandês">Finnish</option><option value="Francês">French</option><option value="Grego">Greek</option><option value="Húngaro">Hungarian</option><option value="Inglês">English</option><option value="Irlandês">Irish</option><option value="Italiano">Italian</option><option value="Letão">Latvian</option><option value="Lituano">Lithuanian</option><option value="Maltês">Maltese</option><option value="Neerlandês">Dutch</option><option value="Polaco">Polish</option><option value="Português">Portuguese</option><option value="Romeno">Romanian</option><option value="Sueco">Swedish</option></select></span>
                        </div>
                        <p class="pright"><span>[:pt]para[:en]to[:es]para[:fr]à[:]</span>
                        <div class="lang-selection">
                            <span class="wpcf7-form-control-wrap your-paresb"><select name="your-paresb" class="wpcf7-form-control wpcf7-select wpcf7-validates-as-required" aria-required="true" aria-invalid="false"><option value="">---</option><option value="Alemão">German</option><option value="Búlgaro">Bulgarian</option><option value="Castelhano">Spanish</option><option value="Checo">Czech</option><option value="Croata">Croatian</option><option value="Dinamarquês">Danish</option><option value="Eslovaco">Slovak</option><option value="Esloveno">Slovenian</option><option value="Estoniano">Estonian</option><option value="Finlandês">Finnish</option><option value="Francês">French</option><option value="Grego">Greek</option><option value="Húngaro">Hungarian</option><option value="Inglês">English</option><option value="Irlandês">Irish</option><option value="Italiano">Italian</option><option value="Letão">Latvian</option><option value="Lituano">Lithuanian</option><option value="Maltês">Maltese</option><option value="Neerlandês">Dutch</option><option value="Polaco">Polish</option><option value="Português">Portuguese</option><option value="Romeno">Romanian</option><option value="Sueco">Swedish</option></select></span>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <input type="button" class = "button" id = "add" value="Adicionar Language" name="add" /></br>
    </div></br>

这是我的JavaScript

$(document).ready(function(e){
    var y = 1;
    var form1 = '<div id = "alldiv" style = "border: 1px solid lightgrey; padding: 10px; padding-left: 15px; padding-top: 15px;"><div class="input-group"><span class="input-group-btn"><span class="button btn-primary btn-file">[:pt]Procurar[:en]Find File[:es]Encontrar archivo[:fr]Rechercher un fichier[:]&hellip; [multifile your-file1 filetypes:pdf|txt limit:2mb]</span></span><input type="text" class="form-control" readonly placeholder="[:pt]Documento para tradução[:en]Document for translation[:es]Documento de traducción[:fr]Document à traduire[:]"></div></br><div id = "container1"><div class="row"><div class="columns twelve"><div class="lang-container"><p class="pleft"><span>[:pt]Traduzir de[:en]Translate from[:es]Traducir de[:fr]Traduire de[:]</span></p><div class="lang-selectable"><span class="wpcf7-form-control-wrap your-pares"><select name="your-pares" class="wpcf7-form-control wpcf7-select wpcf7-validates-as-required" aria-required="true" aria-invalid="false"><option value="">---</option><option value="Alemão">German</option><option value="Búlgaro">Bulgarian</option><option value="Castelhano">Spanish</option><option value="Checo">Czech</option><option value="Croata">Croatian</option><option value="Dinamarquês">Danish</option><option value="Eslovaco">Slovak</option><option value="Esloveno">Slovenian</option><option value="Estoniano">Estonian</option><option value="Finlandês">Finnish</option><option value="Francês">French</option><option value="Grego">Greek</option><option value="Húngaro">Hungarian</option><option value="Inglês">English</option><option value="Irlandês">Irish</option><option value="Italiano">Italian</option><option value="Letão">Latvian</option><option value="Lituano">Lithuanian</option><option value="Maltês">Maltese</option><option value="Neerlandês">Dutch</option><option value="Polaco">Polish</option><option value="Português">Portuguese</option><option value="Romeno">Romanian</option><option value="Sueco">Swedish</option></select></span></div><p class="pright"><span>[:pt]para[:en]to[:es]para[:fr]à[:]</span><div class="lang-selection"><span class="wpcf7-form-control-wrap your-paresb"><select name="your-paresb" class="wpcf7-form-control wpcf7-select wpcf7-validates-as-required" aria-required="true" aria-invalid="false"><option value="">---</option><option value="Alemão">German</option><option value="Búlgaro">Bulgarian</option><option value="Castelhano">Spanish</option><option value="Checo">Czech</option><option value="Croata">Croatian</option><option value="Dinamarquês">Danish</option><option value="Eslovaco">Slovak</option><option value="Esloveno">Slovenian</option><option value="Estoniano">Estonian</option><option value="Finlandês">Finnish</option><option value="Francês">French</option><option value="Grego">Greek</option><option value="Húngaro">Hungarian</option><option value="Inglês">English</option><option value="Irlandês">Irish</option><option value="Italiano">Italian</option><option value="Letão">Latvian</option><option value="Lituano">Lithuanian</option><option value="Maltês">Maltese</option><option value="Neerlandês">Dutch</option><option value="Polaco">Polish</option><option value="Português">Portuguese</option><option value="Romeno">Romanian</option><option value="Sueco">Swedish</option></select></span></div></div></div></div></div><input type="button" class = "button" id = "add" value="Adicionar Par Linguístico" name="add" /></br></div></br>';
    var form2 = '<div id = "alldiv" style = "border: 1px solid lightgrey; padding: 10px; padding-left: 15px; padding-top: 15px;"><div class="input-group"><span class="input-group-btn"><span class="button btn-primary btn-file">[:pt]Procurar[:en]Find File[:es]Encontrar archivo[:fr]Rechercher un fichier[:]&hellip; [multifile your-file2 filetypes:pdf|txt limit:2mb]</span></span><input type="text" class="form-control" readonly placeholder="[:pt]Documento para tradução[:en]Document for translation[:es]Documento de traducción[:fr]Document à traduire[:]"></div></br><div id = "container1"><div class="row"><div class="columns twelve"><div class="lang-container"><p class="pleft"><span>[:pt]Traduzir de[:en]Translate from[:es]Traducir de[:fr]Traduire de[:]</span></p><div class="lang-selectable"><span class="wpcf7-form-control-wrap your-pares"><select name="your-pares" class="wpcf7-form-control wpcf7-select wpcf7-validates-as-required" aria-required="true" aria-invalid="false"><option value="">---</option><option value="Alemão">German</option><option value="Búlgaro">Bulgarian</option><option value="Castelhano">Spanish</option><option value="Checo">Czech</option><option value="Croata">Croatian</option><option value="Dinamarquês">Danish</option><option value="Eslovaco">Slovak</option><option value="Esloveno">Slovenian</option><option value="Estoniano">Estonian</option><option value="Finlandês">Finnish</option><option value="Francês">French</option><option value="Grego">Greek</option><option value="Húngaro">Hungarian</option><option value="Inglês">English</option><option value="Irlandês">Irish</option><option value="Italiano">Italian</option><option value="Letão">Latvian</option><option value="Lituano">Lithuanian</option><option value="Maltês">Maltese</option><option value="Neerlandês">Dutch</option><option value="Polaco">Polish</option><option value="Português">Portuguese</option><option value="Romeno">Romanian</option><option value="Sueco">Swedish</option></select></span></div><p class="pright"><span>[:pt]para[:en]to[:es]para[:fr]à[:]</span><div class="lang-selection"><span class="wpcf7-form-control-wrap your-paresb"><select name="your-paresb" class="wpcf7-form-control wpcf7-select wpcf7-validates-as-required" aria-required="true" aria-invalid="false"><option value="">---</option><option value="Alemão">German</option><option value="Búlgaro">Bulgarian</option><option value="Castelhano">Spanish</option><option value="Checo">Czech</option><option value="Croata">Croatian</option><option value="Dinamarquês">Danish</option><option value="Eslovaco">Slovak</option><option value="Esloveno">Slovenian</option><option value="Estoniano">Estonian</option><option value="Finlandês">Finnish</option><option value="Francês">French</option><option value="Grego">Greek</option><option value="Húngaro">Hungarian</option><option value="Inglês">English</option><option value="Irlandês">Irish</option><option value="Italiano">Italian</option><option value="Letão">Latvian</option><option value="Lituano">Lithuanian</option><option value="Maltês">Maltese</option><option value="Neerlandês">Dutch</option><option value="Polaco">Polish</option><option value="Português">Portuguese</option><option value="Romeno">Romanian</option><option value="Sueco">Swedish</option></select></span></div></div></div></div></div><input type="button" class = "button" id = "add" value="Adicionar Par Linguístico" name="add" /></br></div></br>';
    var div = document.createElement('div');
    $("#newdiv").click(function(e){
        if (y == 1) {
            $("#alldiv").append(form1);
            y++;
        } else if (y == 2) {
            $("#alldiv").append(form2);
            y++;
        }
    });
});

我需要帮助的页面是:https://www.wisdomtranslations.com/en/orcamentos/

0 个答案:

没有答案