Javascript 对动态创建的表格/表单问题进行输入验证

Javascript 对动态创建的表格/表单问题进行输入验证,javascript,jquery,html,jquery-validate,Javascript,Jquery,Html,Jquery Validate,我该如何改变这一点,以便验证也能很好地处理动态创建的行 <!DOCTYPE HTML> <html> <head> <meta http-equiv="content-type" content="text/html; charset=UTF-8" /> <script type="text/javascript" src="jquery.js"></script> <script type="

我该如何改变这一点,以便验证也能很好地处理动态创建的行

<!DOCTYPE HTML>
<html>
<head>
    <meta http-equiv="content-type" content="text/html; charset=UTF-8" />
    <script type="text/javascript" src="jquery.js"></script>
    <script type="text/javascript" 
        src="jquery-validation-1.8.1/jquery.validate.js"></script>
    <script type="text/javascript">
        $( document ).ready( function() {
            $( "Form" ).validate();
        } );
        function add_row() {
            var data = {
                menge : { class : 'required' },
                bezeichnung : { class : 'required' },
                euro_stueck : { class : 'required' }
            };
            var table = document.getElementById( 'product' );
            var rows = table.getElementsByTagName( 'tr' ).length;
            var tr = table.insertRow( rows );
            tr.id = 'tr_' + rows;
            for ( var name in data ) {
                if ( data.hasOwnProperty( name ) ) {
                    var td = document.createElement( 'td' );
                    var input = document.createElement( 'input' );
                    for ( var attr in data[name] ) {
                        if ( data[name].hasOwnProperty( attr ) ) { 
                            input[attr] = data[name][attr];
                        }
                    }
                    input.name = name + '_' + rows;
                    td.appendChild( input );
                    tr.appendChild( td );
                }
            }
            window.scrollTo( 0, document.body.scrollHeight );
//          $( "Form" ).validate();
        }
    </script>
</head>

<body>
<form action="">
    <table id="product">
        <tr id="tr_0"><th>Menge</th><th>Ware</th><th>Euro/Stück</th></tr>
        <tr id="tr_1">
            <td><input name="menge_1" class="required" /></td>
            <td><input name="bezeichnung_1" class="required" /></td>
            <td><input name="euro_stueck_1" class="required" /></td>
        </tr>
    </table>
    <br />
    <input type="button" value="Hinzufügen" onclick="add_row()" />
    <br /><br />
    <input type="submit" value="OK"/>
</form>
</body>
</html>

$(文档).ready(函数(){
$(“表单”).validate();
} );
函数add_row(){
风险值数据={
menge:{class:'必需'},
bezeichnung:{class:'required'},
euro_stueck:{class:'required'}
};
var table=document.getElementById('product');
var rows=table.getElementsByTagName('tr').length;
var tr=table.insertRow(行);
tr.id='tr_'+行;
for(数据中的变量名称){
if(data.hasOwnProperty(name)){
var td=document.createElement('td');
var input=document.createElement('input');
for(数据[名称]中的var attr){
如果(数据[name].hasOwnProperty(attr)){
输入[attr]=数据[name][attr];
}
}
input.name=name+'\'+行;
td.附加子项(输入);
tr.appendChild(td);
}
}
window.scrollTo(0,document.body.scrollHeight);
//$(“表单”).validate();
}
门格瓦雷乌罗/Stück




验证仅对第一行(tru 1)有效,但对动态创建的行无效。这可能会有所帮助