如何在表单上添加javascript验证,以便在最后一行为空时不追加表单(在所有字段都为空之前不应创建另一行)

如何在表单上添加javascript验证,以便在最后一行为空时不追加表单(在所有字段都为空之前不应创建另一行),javascript,validation,append,Javascript,Validation,Append,函数添加变量(){ var thickness=document.forms[“create_product”][“thickness”].value; var thickness\u unit=document.forms[“create\u product”][“thickness\u unit”]。值; var product_qty=单据.表单[“创建_product”][“product_qty”].值; var产品成本价格=文件。表格[“创建产品”][“产品成本价格”]。价值; va

函数添加变量(){
var thickness=document.forms[“create_product”][“thickness”].value;
var thickness\u unit=document.forms[“create\u product”][“thickness\u unit”]。值;
var product_qty=单据.表单[“创建_product”][“product_qty”].值;
var产品成本价格=文件。表格[“创建产品”][“产品成本价格”]。价值;
var product_unit=文件。表格[“创建_产品”][“产品_unit”]。值;
var product_color=document.forms[“create_product”][“product_color”]。value;
var thickness\u dim=document.forms[“create\u product”][“thickness”].value;
控制台。原木(“厚”+厚度);
控制台日志(“厚尺寸”+厚度尺寸);
如果(厚度==null | |厚度==“”,厚度|尺寸==“”| |厚度|尺寸==null)
{
警报(“您必须填写以前的数据”);
返回false;
}
var temp=document.getElementById(“产品维度”).content;
var copy=document.importNode(临时,真);
文件.getElementById(“产品描述”).appendChild(副本);
}

产品变体
添加变体
行动
厚度 厚度单位 嗯 脚 平方英尺 米 平方毫米 钢尺 产品数量。 产品成本价 产品单元 床单 不 产品颜色 行动
厚度 厚度单位 嗯 脚 平方英尺 米 平方毫米 测量 产品数量。 产品成本价 产品单元 床单 网络操作系统 产品颜色
以下是代码:

const addVariant=document.getElementById(“add_variant”);
const productDescription=document.getElementById(“产品描述”);
const errorAlert=document.querySelector(“.alert”);
常量模板=`
行动

厚度 厚度单位 嗯 脚 平方英尺 米 平方毫米 测量 产品数量。 产品成本价 产品单元 床单 网络操作系统 产品颜色 `; 函数addAlert(消息){ errorAlert.classList.add(“显示”); errorAlert.innerHTML=消息; 设置超时(()=>{ errorAlert.classList.remove(“show”); }, 3000); } addVariant.addEventListener(“单击”,函数(){ const productTemp=document.querySelectorAll(“.productTemp”); const lastElement=productTemp[productTemp.length-1]; const thickness=lastElement.querySelector('[name=“thickness”]'); const thicknessUnit=lastElement.querySelector('[name=“thickness\u unit”]'); const productQty=lastElement.querySelector('[name=“product_qty”]'); const productPrice=lastElement.querySelector('[name=“product\u cost\u price”]'); const productUnit=lastElement.querySelector('[name=“product_unit”]'); const productColor=lastElement.querySelector('[name=“product_color”]'); 如果( 厚度.value!==“”&& 厚度单位.value!==“”&& productQty.value!==“”&& productPrice.value!==“”&& productUnit.value!==“”&& productColor.value!==“” ) { productDescription.in