欧美一区二区三区,国内熟女精品熟女A片视频小说,日本av网,小鲜肉男男GAY做受XXX网站

jquery表格增加行的校驗

楊奕斌1年前7瀏覽0評論

Jquery 表格是一種常用的數據展示方式。在實際應用中,經常需要向表格中添加新行。為了避免添加錯誤的數據,對新添行進行校驗是必要的。

$('button.add').click(function(){
// 獲取輸入框中的值
var name = $('input[name=name]').val();
var age = $('input[name=age]').val();
var gender = $('input[name=gender]').val();
// 進行校驗
if(name !== '' && age !== '' && gender !== ''){
// 創建新行
var newRow = '<tr><td>'+ name + '</td><td>' + age + '</td><td>' + gender + '</td></tr>';
// 添加到表格中
$('table').append(newRow);
} else {
alert('請填寫完整信息!');
}
});

上述代碼中,通過點擊按鈕來添加行。在獲取表單中的值后,進行校驗。如果輸入框中的值不為空,就創建新的行,并添加到表格中。如果有未填寫信息,則彈出提示框,要求用戶填寫完整信息。

通過以上校驗,可以有效避免添加錯誤的數據到表格中。