附加 html 后欧芹不起作用

Question

我尝试了下面的代码，但是当输入框中没有数据时它不会通知。当我直接添加此内容（不添加）时，它会起作用。我在这里做错了什么

var output = "<form class=\"registration__form\">\n"+
            "<ul class=\"form-fields\">\n"+
            "<li>\n"+
            "<input type=\"text\" name=\"msisdn\" id=\"field-msisdn\" placeholder=\"Enter your&nbsp;MSISDN\" autofocus required data-parsley-required-message=\"Please insert your MSISDN\">\n"+
            "</li>\n"+
            "<li>\n"+
            "<input type=\"button\" class=\"btn btn--large btn--fill btn--full\" value=\"Reset&nbsp;PIN\" onclick=\"submitMSISDN($('#field-msisdn').val());\"/>\n"+
            "</li>\n"+
            "</ul>\n"+
       "</form>";


$("#gadgetBody").empty();
        $("#gadgetBody").append(output);
        $("#gadgetBody").parsley();

Answer 1

您必须在表单上调用 parsley()，而不是在包含该表单的任何内容上。

对于您的情况：$("#gadgetBody form").parsley() 应该有效。

附加 html 后欧芹不起作用

Parsley doesn't work after appending html

html

javascript

parsley.js