时间戳

首页 > 解决方案 > 按标题调用 multilookuplist 并验证 SharePoint 网站中的内容

javascript - 按标题调用 multilookuplist 并验证 SharePoint 网站中的内容

问题描述

我有这个多查找列表，用户双击将值移动到右侧。我需要制定一种方法来检查 multilookuplist 是否为空。我需要通过名称来称呼它，因为它是一个共享点站点。代码如下所示：

<span dir="none">
    <input id="ctl00_MultiLookupPicker" 
    name="ctl04$ctl00$ctl00$MultiLookupPicker" 
    type="hidden"></input>
    <input id="ctl04_ctl00_ctl00_MultiLookupPicker_data" 
    name="$ctl00$MultiLookupPicker$data" 
    type="hidden" 
    value="272|tAS (blaba)|t |t |t235|tAP (blalbla)|t |t |t224|tAR (blalbla)|t |t "></input>
    <input id="ctl00_MultiLookupPicker_initial"
    name="ctl04$ctl00$ctl00$MultiLookupPicker$initial" 
    type="hidden" value=""></input>
    <table class="ms-long" cellpadding="0" cellspacing="0" border="0">
        <tr>
            <td class="ms-input">
                <select name="ctl00$m$g_ctl00$SelectCandidate" 
                id="ctl00_ctl00_SelectCandidate" 
                multiple="multiple" title="Employees possible values" 
                onchange="GipSelectCandidateItems(ctl00_ctl00_MultiLookupPicker_m);" 
                ondblclick="GipAddSelectedItems(ctl00_ctl00_MultiLookupPicker_m); return false" 
                style="width:143px;height:125px;overflow:scroll;">
            </select>
            </td>
            <td style="padding-left:10px">
            <td align="center" valign="middle" class="ms-input"><button 
            id="ctl04_ctl00_ctl00_AddButton" 
            class="ms-ButtonHeightWidth" 
            onclick="GipAddSelectedItems(ctl00_ctl00_MultiLookupPicker_m); return false"> Add &gt; </button><br />
                <br /><button id="cctl04_ctl00_ctl00_RemoveButton"
                class="ms-ButtonHeightWidth" 
                onclick="GipRemoveSelectedItems(ctl04_ctl00_ctl00_MultiLookupPicker_m); return false"> &lt; Remove </button>
            </td>
            <td style="padding-left:10px">
            <td class="ms-input">
                <select name="ctl04$ctl00$ctl00$SelectResult" 
                id="ctl00_ctl04_ctl00_ctl00_SelectResult" 
                multiple="multiple" 
                title="Employees selected values" 
                onchange="GipSelectResultItems(ctl00_MultiLookupPicker_m);" 
                ondblclick="GipRemoveSelectedItems(_ctl00_ctl00_MultiLookupPicker_m); return false" 
                style="width:143px;height:125px;overflow:scroll;">
            </select>
            </td>
        </tr>
    </table>
</span>

以下是我尝试验证选择某些行并将其从“员工可能值”移动到“员工选择值”的方法

<script type="text/javascript" src="../../Script/jquery-1.10.2.min.js"> 
</script>
<script type="text/javascript" 
src="/sites/Competence_Man/Style%20Library/jquery.SPServices-2014.02.js"> 
</script>
<script type="text/javascript" 
src="/sites/Competence_Man/Style%20Library/jquery.SPServices-2014.02.min.js"> 
</script>


<script type="text/javascript">


$(document).ready(function(){
alert("Hello from Me");
//ValidateFields();

});

function ValidateFields()
 {
if (("[title='Employees selected values'].val()==null) 
{
 // checked, so do something
 alert("Test 2")
 }


 }

 _spBodyOnLoadFunctionNames.push("ValidateFields()");


  </script>

标签： javascriptjquerysharepointsharepoint-2010multi-select

解决方案

下面的代码供您参考。

<script type="text/javascript" src="https://code.jquery.com/jquery-1.12.4.min.js"></script>
<script type="text/javascript">
$(function(){   
    ValidateFields();
});
function ValidateFields(){
    if ($("select[title='Employees selected values'] option").length==0){
        // checked, so do something
        alert("Test 2");
    }
}
</script>

如果要在保存项目表单时进行验证，我们需要重写PreSaveAction()方法。

参考：使用 Javascript 的 SharePoint 2010 验证

推荐阅读