如何使用javascript / jquery在<select>标记中添加验证?

时间:2018-12-23 06:57:49

标签: javascript jquery html

pushData = []; // +按钮 函数myFunction(){ var custOfficeId = document.getElementById('customOfficeId')。value; var custOfficeName = $(“#customOfficeId option:selected”)。text(); var fromDate = document.getElementById('fromDate')。value; var toDate = document.getElementById('toDate')。value; var consignmentNo = document.getElementById('consignmentNo')。value; var selectionName =“ aa”; var selectionId = 1; var selecOff = {custOfficeId,custOfficeName,fromDate,toDate,consignmentNo,selectionId,selectionName}; console.log(selecOff); pushData.push(selecOff); if(!fromDate){ $(“#fromDateError”)。html('起始日期不能留空'); / * alert(“从日期为空”); * / } 如果(!toDate){ $(“#toDateError”)。html('To Date不能留空'); / * alert(“ To Date为null”); * / } if(!consignmentNo){ $(“#consignmentNoError”)。html('寄售编号不能留空'); } if(!fromDate &&!toDate &&!consignmentNo){ alert(“ herte”); $(“#fromDateError”)。html('起始日期不能留空'); $(“#toDateError”)。html('To Date不能留空'); $(“#consignmentNoError”)。html('寄售编号不能留空'); } populateSelectionCustomTable(); } 函数populateSelectionCustomTable(){ $(“#tempTable tbody”)。html(“”); for(var i = 0; i ” +“ ” + r.custOfficeName +“ ” + r.fromDate +“ ” + r.toDate +“ ” +“ ” + r。寄售编号 +“ ” +“ ” + r.selectionName +“ ” +“ ” +“ <输入id =”过滤器“ + i +”'值='删除'type ='按钮'alt =“删除” +我 +“'class ='deleteIcon'/>” +“ ”); } } <!DOCTYPE html>    <头>                                                                       <身体>       
         
                      
         
                      
         
                      
         
寄售编号
         
                                   
         
                                   
         
                                   
         
                                   
         <!-->          
                      
      
                <头>                                                                                                  <身体>                 
海关办公室从日期截止日期寄售编号选择名称动作
    我已经为输入字段添加了验证消息,但是我被困在如何为select标签添加验证中。   “选择”是第一次加载页面时显示的默认值。但是当我按下“ +”按钮时,选择值正向下显示在表上,因为没有任何相关数据移动到表中。我如何验证标签?

1 个答案:

答案 0 :(得分:1)

这行不通吗?

if (!custOfficeId) {
    $("#selectError").html('Custom office can not be left blank');
}

您不需要if(!fromDate && !toDate && !consignmentNo){ ... }部分-只需添加一个初始化为valid的{​​{1}}标志,并在任何验证失败的情况下将其设置为true。仅在false为真时调用populateSelectionCustomTable,即

valid