Question

我想更改此代码：

            $(document).on('change', '.full_w form .body input.beschrijving:last', function(event) {
                $('.full_w form .body').append('<input id="a" class="beschrijving" style="width: 430px"  type="text" name="beschrijving[]" /> <input style="width: 54px" type="text" maxlength="" name="aantal[]" /> <input style="width: 94px" type="text" maxlength="" name="prijs[]" /> <input style="width: 18px" type="text" maxlength="" name="btwp[]" /><br /><br />');
            });
        });

对于这样的事情：

$(document).on('change', '.full_w form .body input.beschrijving:last', function(event) {
                $('.full_w form .body').append('<input id="a" class="beschrijving" style="width: 430px"  type="text" name="beschrijving[]" oninvalid="setCustomValidity('Voer een beschrijving toe')" onchange="try{setCustomValidity('')}catch(e){}"/> <input style="width: 54px" type="text" maxlength="" name="aantal[]" pattern="\d+" oninvalid="setCustomValidity('Vul een aantal in')" onchange="try{setCustomValidity('')}catch(e){}" /> <input style="width: 94px" type="text" maxlength="" name="prijs[]" pattern="\d+(\.\d{2})?" oninvalid="setCustomValidity('Voer een prijs in van uw product')" onchange="try{setCustomValidity('')}catch(e){}"  /> <input style="width: 18px" type="text" maxlength="" name="btwp[]" pattern="\d+" oninvalid="setCustomValidity('Vul een btw bedrag in 0 tot 100')" onchange="try{setCustomValidity('')}catch(e){}" /><br /><br />');
            });
        });

我无法解决这个问题，所以我希望有人可以帮助我。

修改

此行需要更改：从：

.append('<input id="a" class="beschrijving" style="width: 430px"  type="text" name="beschrijving[]" />

到此

.append('<input id="a" class="beschrijving" style="width: 430px"  type="text" name="beschrijving[]" oninvalid="setCustomValidity('Voer een beschrijving toe')" onchange="try{setCustomValidity('')}catch(e){}"/>

Answer 1

您在函数调用中遇到引号，反斜杠'的问题，试试这个：

.append('<input id="a" class="beschrijving" style="width: 430px"  type="text" name="beschrijving[]" oninvalid="setCustomValidity(\"Voer een beschrijving toe\")" onchange="try{setCustomValidity(\"\")}catch(e){}"/> ');

Answer 2

嘿，伙伴，我不确定它会起作用，但试试这个

$(document).on('change', '.full_w form .body input.beschrijving:last', function(event) {
    $('.full_w form .body').append('<input id="a" class="beschrijving" style="width: 430px"  type="text" name="beschrijving[]" oninvalid="setCustomValidity(\"Voer een beschrijving toe\")" onchange="try{setCustomValidity(/"/")}catch(e){}"/> <input style="width: 54px" type="text" maxlength="" name="aantal[]" pattern="\d+" oninvalid="setCustomValidity(/"Vul een aantal in/")" onchange="try{setCustomValidity(/"/")}catch(e){}" /> <input style="width: 94px" type="text" maxlength="" name="prijs[]" pattern="\d+(\.\d{2})?" oninvalid="setCustomValidity(/"Voer een prijs in van uw product/")" onchange="try{setCustomValidity(/"/")}catch(e){}"  /> <input style="width: 18px" type="text" maxlength="" name="btwp[]" pattern="\d+" oninvalid="setCustomValidity(/"Vul een btw bedrag in 0 tot 100/")" onchange="try{setCustomValidity(/"/")}catch(e){}" /><br /><br />');
});

Answer 3

ahhh如果我理解正确你想附加一个元素并且还要添加一些事件。你应该这样做:(有很多方法可以做到这一点，这只是一个）

.append($('<input/>').on('change',function(){ /* do something */ })
                     .on('valid', function(){ /* do something else */ }));

希望这有帮助

带有输入验证的Javascript

3 个答案: