如何在表单上添加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