通过标题调用multilookuplist并验证SharePoint网站中的内容

时间:2018-07-05 16:20:21

标签: javascript jquery sharepoint sharepoint-2010 multi-select

我有这个multilookuplist,用户可以在其中双击将值移到右侧。我需要制定一种方法来检查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>

1 个答案:

答案 0 :(得分:0)

以下代码供您参考。

<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()方法。

参考:SharePoint 2010 Validation using Javascript