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)有效,但对动态创建的行无效。这可能会有所帮助