带有输入验证的Javascript

Javascript with input validation

本文关键字：Javascript 验证 输入      更新时间：2023-09-26

我想更改此代码：

            $(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){}"/>

嘿，伙计，我不确定它是否有效，但试着用这个

$(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[]" oninvalid="setCustomValidity('"Voer een beschrijving toe'")" onchange="try{setCustomValidity('"'")}catch(e){}"/> ');

ahhh如果我理解正确，你想附加一个元素，并在其中添加一些事件。你应该这样做：（有很多方法可以做到，这只是一种）

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

希望这能帮助

相关文章：