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('請填寫完整信息!'); } });
上述代碼中,通過點擊按鈕來添加行。在獲取表單中的值后,進行校驗。如果輸入框中的值不為空,就創建新的行,并添加到表格中。如果有未填寫信息,則彈出提示框,要求用戶填寫完整信息。
通過以上校驗,可以有效避免添加錯誤的數據到表格中。
下一篇div hover效果