Javascript с проверкой входных данных

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 />'); 
      }); 
     }); 

я не могу получить это работает, так что я надеюсь, что кто-то может помочь мне с этим

EDIT

Эта линия необходимо изменить: От:

.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

эй спариваться я не уверен, что он будет работать или нет, но попробуйте с этим

$(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 2

Вы имеете проблему с кавычками, обратный слеш ' в ваших вызовов функций, Попробуйте это:

.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 3

ahhh Если я правильно понял, вы хотите добавить элемент, а также добавить к нему несколько событий. Вы должны сделать это что-то вроде этого: (Есть много способов сделать это, это только один)

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

Надеется, что это помогает