Javascript SharePoint表单Web部件内容占位符
我正在尝试为我的SharePoint online intranet创建SharePoint Web部件。除了在母版页或多个页面中找不到我的ContentPlaceholder ID之外，代码似乎还不错 “在当前母版页中找不到“项目日志”。” 这是我的密码Javascript SharePoint表单Web部件内容占位符,javascript,asp.net,html,sharepoint,web-parts,Javascript,Asp.net,Html,Sharepoint,Web Parts,我正在尝试为我的SharePoint online intranet创建SharePoint Web部件。除了在母版页或多个页面中找不到我的ContentPlaceholder ID之外，代码似乎还不错 “在当前母版页中找不到“项目日志”。” 这是我的密码 <%-- The following 4 lines are ASP.NET directives needed when using SharePoint components --%> <%@ Page Inheri
<%-- The following 4 lines are ASP.NET directives needed when using SharePoint components --%>
<%@ Page Inherits="Microsoft.SharePoint.WebPartPages.WebPartPage, Microsoft.SharePoint, Version=15.0.0.0, Culture=neutral, PublicKeyToken=71e9bce111e9429c" MasterPageFile="~masterurl/default.master" Language="C#" %>
<%@ Register TagPrefix="Utilities" Namespace="Microsoft.SharePoint.Utilities" Assembly="Microsoft.SharePoint, Version=15.0.0.0, Culture=neutral, PublicKeyToken=71e9bce111e9429c" %>
<%@ Register TagPrefix="WebPartPages" Namespace="Microsoft.SharePoint.WebPartPages" Assembly="Microsoft.SharePoint, Version=15.0.0.0, Culture=neutral, PublicKeyToken=71e9bce111e9429c" %>
<%@ Register TagPrefix="SharePoint" Namespace="Microsoft.SharePoint.WebControls" Assembly="Microsoft.SharePoint, Version=15.0.0.0, Culture=neutral, PublicKeyToken=71e9bce111e9429c" %>
<%-- The markup and script in the following Content element will be placed in the <head> of the page --%>
**<asp:Content ContentPlaceHolderID="Project Journal" runat="server">**
<script type="text/javascript" src="../Scripts/jquery-1.9.1.min.js"></script>
<script type="text/javascript" src="/_layouts/15/sp.runtime.js"></script>
<script type="text/javascript" src="/_layouts/15/sp.js"></script>;
<meta name="WebPartPageExpansion" content="full" />
<!-- Add your CSS styles to the following file -->
<link rel="Stylesheet" type="text/css" href="../Content/App.css" />
<!-- Add your JavaScript to the following file -->
<script type="text/javascript">
function formValidator(){
// Make quick references to our fields
var projectname = document.getElementById('projectname');
var projectnumber = document.getElementById('projectnumber');
var zip = document.getElementById('zip');
var state = document.getElementById('state');
var address = document.getElementById('addr');
var projectgoals = document.getElementById('projectgoals');
var designconcept = document.getElementById('designconcept');
var speacialfeatures = document.getElementById('specialfeatures');
var program = document.getElementById('program');
var building = document.getElementById('building');
var budget = document.getElementById('budget');
var sustain = document.getElementById('sustain');
var other = document.getElementById('other');
var constructioncontract = document.getElementById('constructioncontract');
var scopeofservice = document.getElementById('scopeofservice');
var masterplanning = document.getElementById('masterplanning');
var feasibility = document.getElementById('feasibility');
var designservice = document.getElementById('designservice');
var jcjrole = document.getElementById('jcjrole');
var typeofconstruction = document.getElementById('typeofconstruction');
var newconstruction = document.getElementById('newconstruction');
var renovation = document.getElementById('renovation');
var codeaccess = document.getElementById('codeaccess');
var site = document.getElementById('site');
var totalsite = document.getElementById('totalsite');
var greenfield = document.getElementById('greenfield');
var wetlands = document.getElementById('wetlands');
var uniquefeatures = document.getElementById('uniquefeatures');
var projectbudget = document.getElementById('projectbudget');
var sitebudget = document.getElementById('sitebudget');
var buildingbudget = document.getElementById('buildingbudget');
var gcfees = document.getElementById('gcfees');
var constructiontotal = document.getElementById('constructiontotal');
var aefees = document.getElementById('aefees');
var ffesoftcost = document.getElementById('ffesoftcost');
var totalprojectcost = document.getElementById('totalprojectcost');
var projectprogram = document.getElementbyId('projectprogram');
var machines = document.getElementById('machines');
var tables = document.getElementById('tables');
var sqft = document.getElementById('sqft');
var gamingarea = document.getElementById('gamingarea');
var highlimit = document.getElementById('highlimit');
var specialty = document.getElementById('specialty');
var poker = document.getElementById('poker');
var gamingtotal = document.getElementById('gamingtotal');
var casinosupport = document.getElementById('casinosupport');
var maincage = document.getElementById('maincage');
var playercredit = document.getElementById('playercredit');
var cassinofloor = document.getElementById('casinofloor');
var racingbuilding = document.getElementById('racingbuilding');
var casinosupporttotal = document.getElementById('casinosupporttotal');
var foodbeverage = document.getElementById('foodbeverage');
var dining = document.getElementById('dining');
// Check each input in the order that it appears in the form!
if(isAlphabet(projectname, "Please enter only letters for your project name")){
if(isAlphanumeric(projectnumber, "Numbers and Letters Only for Project Number")){
if(isNumeric(zip, "Please enter a valid zip code")){
if(madeSelection(state, "Please Choose a State")){
if(isAlphanumeric(addr, "Numbers and Letters Only for Address")){
if(emailValidator(email, "Please enter a valid email address")){
return true;
}
}
}
}
}
}
return false;
}
function notEmpty(elem, helperMsg){
if(elem.value.length == 0){
alert(helperMsg);
elem.focus(); // set the focus to this input
return false;
}
return true;
}
function isNumeric(elem, helperMsg){
var numericExpression = /^[0-9]+$/;
if(elem.value.match(numericExpression)){
return true;
}else{
alert(helperMsg);
elem.focus();
return false;
}
}
function isAlphabet(elem, helperMsg){
var alphaExp = /^[a-zA-Z]+$/;
if(elem.value.match(alphaExp)){
return true;
}else{
alert(helperMsg);
elem.focus();
return false;
}
}
function isAlphanumeric(elem, helperMsg){
var alphaExp = /^[0-9a-zA-Z]+$/;
if(elem.value.match(alphaExp)){
return true;
}else{
alert(helperMsg);
elem.focus();
return false;
}
}
function lengthRestriction(elem, min, max){
var uInput = elem.value;
if(uInput.length >= min && uInput.length <= max){
return true;
}else{
alert("Please enter between " +min+ " and " +max+ " characters");
elem.focus();
return false;
}
}
function madeSelection(elem, helperMsg){
if(elem.value == "Please Choose"){
alert(helperMsg);
elem.focus();
return false;
}else{
return true;
}
}
function emailValidator(elem, helperMsg){
var emailExp = /^[\w\-\.\+]+\@[a-zA-Z0-9\.\-]+\.[a-zA-z0-9]{2,4}$/;
if(elem.value.match(emailExp)){
return true;
}else{
alert(helperMsg);
elem.focus();
return false;
}
}
</script>
<form action='?' onsubmit="return formValidator()">
<fieldset>
<legend> Project Journal</legend>
Project Name: <input type='text' id='projectname' /><br />
JCJ Project Number: <input type='text' id='projectnumber' /><br />
Address: <input type='text' id='addr' /><br />
Zip Code: <input type='text' id='zip' /><br />
State: <select id='state'>
<option>Please Choose</option>
<option>AL</option>
<option>AK</option>
<option>AZ</option>
<option>AR</option>
<option>CA</option>
<option>CO</option>
<option>CT</option>
<option>DE</option>
<option>FL</option>
<option>GA</option>
<option>HI</option>
<option>ID</option>
<option>IL</option>
<option>IN</option>
<option>IA</option>
<option>KS</option>
<option>KY</option>
<option>LA</option>
<option>ME</option>
<option>MD</option>
<option>MA</option>
<option>MI</option>
<option>MN</option>
<option>MS</option>
<option>MO</option>
<option>MT</option>
<option>NE</option>
<option>NV</option>
<option>NH</option>
<option>NJ</option>
<option>NM</option>
<option>NY</option>
<option>NC</option>
<option>ND</option>
<option>OH</option>
<option>OK</option>
<option>OR</option>
<option>PA</option>
<option>RI</option>
<option>SC</option>
<option>SD</option>
<option>TN</option>
<option>TX</option>
<option>UT</option>
<option>VT</option>
<option>VA</option>
<option>WA</option>
<option>WV</option>
<option>WI</option>
<option>WY</option>
</select><br />
Address: <input type='text' id='username' /><br />
Project Goals <input type='text' id='projectgoals' /><br />
Design Concept & Direction (Part I) <input type='text' id='designconcept' /><br />
Special Features & Challenges<br />
Program(Unique Special/Unusual Program Needs - Problems to be Solved) <input type='text' id="program" />
<input type='submit' value='Check Form' />
</fieldset>
</form>
</asp:Content>
<%-- The markup in the following Content element will be placed in the TitleArea of the page --%>
<asp:Content ContentPlaceHolderID="Project Journal" runat="server">
Project Journal
</asp:Content>
<%-- The markup and script in the following Content element will be placed in the <body> of the page --%>
<asp:Content ContentPlaceHolderID="PlaceHolderMain" runat="server">
<div>
<p id="message">
<!-- The following content will be replaced with the user name when you run the app - see App.js -->
initializing...
</p>
</div>
</asp:Content>
****
;
函数formValidator（）{
//快速引用我们的字段
var projectname=document.getElementById（'projectname'）；
var projectnumber=document.getElementById（'projectnumber'）；
var zip=document.getElementById（'zip'）；
var state=document.getElementById（'state'）；
var address=document.getElementById（'addr'）；
var projectgoals=document.getElementById（'projectgoals'）；
var designconcept=document.getElementById（'designconcept'）；
var speacialfeatures=document.getElementById（'specialfeatures'）；
var program=document.getElementById（'program'）；
var building=document.getElementById（'building'）；
var budget=document.getElementById（'budget'）；
var-sustain=document.getElementById（'sustain'）；
var other=document.getElementById（'other'）；
var constructioncontract=document.getElementById（'constructioncontract'）；
var scopeofservice=document.getElementById（'scopeofservice'）；
var masterplanning=document.getElementById（'masterplanning'）；
var可行性=document.getElementById（“可行性”）；
var designservice=document.getElementById（'designservice'）；
var jcjrole=document.getElementById（'jcjrole'）；
var typeofconstruction=document.getElementById（'typeofconstruction'）；
var newconstruction=document.getElementById（'newconstruction'）；
var revolution=document.getElementById（'revolution'）；
var codeaccess=document.getElementById（'codeaccess'）；
var site=document.getElementById（'site'）；
var totalsite=document.getElementById（'totalsite'）；
var greenfield=document.getElementById（'greenfield'）；
var weets=document.getElementById（'weets'）；
var uniquefeatures=document.getElementById（'uniquefeatures'）；
var projectbudget=document.getElementById（'projectbudget'）；
var sitebrudget=document.getElementById（'sitebrudget'）；
var buildingbudget=document.getElementById（'buildingbudget'）；
var gcfees=document.getElementById（'gcfees'）；
var constructiontotal=document.getElementById（'constructiontotal'）；
var aefees=document.getElementById（'aefees'）；
var ffesoftcost=document.getElementById（'ffesoftcost'）；
var totalprojectcost=document.getElementById（'totalprojectcost'）；
var projectprogram=document.getElementbyId（'projectprogram'）；
var machines=document.getElementById（'machines'）；
var tables=document.getElementById（'tables'）；
var sqft=document.getElementById（'sqft'）；
var gamingarea=document.getElementById（'gamingarea'）；
var highlimit=document.getElementById（'highlimit'）；
var speciality=document.getElementById（'speciality'）；
var poker=document.getElementById（'poker'）；
var gamingtotal=document.getElementById（'gamingtotal'）；
var casinosupport=document.getElementById（'casinosupport'）；
var maincage=document.getElementById（'maincage'）；
var playercredit=document.getElementById（'playercredit'）；
var casinofloor=document.getElementById（'casinofloor'）；
var racingbuilding=document.getElementById（'racingbuilding'）；
var casinosupporttotal=document.getElementById（'casinosupporttotal'）；
var foodbeverage=document.getElementById（'foodbeverage'）；
var dinging=document.getElementById（'dinging'）；
//按表单中显示的顺序检查每个输入！
如果（isAlphabet（projectname，“请仅输入项目名称的字母”））{
if（isAlphanumeric（项目编号，“仅用于项目编号的数字和字母”））{
如果（是数字（zip，“请输入有效的邮政编码”））{
如果（进行选择（状态，“请选择一个状态”））{
if（isAlphanumeric（地址，“仅用于地址的数字和字母”））{
如果（emailValidator（电子邮件，“请输入有效的电子邮件地址”））{
返回true；
}
}
}
}
}
}
返回false；
}
函数notEmpty（elem，helperMsg）{
if（elem.value.length==0）{
警报（helperMsg）；
elem.focus（）；//将焦点设置为此输入
返回false；
}
返回true；
}
函数为数字（elem，helperMsg）{
var numericExpression=/^[0-9]+$/；
if（元素值匹配（数值表达式））{
返回true；
}否则{
警报（helperMsg）；
元素焦点（）；
返回false；
}
}
函数isAlphabet（elem，helperMsg）{
var alphaExp=/^[a-zA-Z]+$/；
if（元素值匹配（alphaExp））{
返回true；
}否则{
警报（helperMsg）；
元素焦点（）；
返回false；
}
}
函数是alphanumeric（elem，helperMsg）{
var alphaExp=/^[0-9a-zA-Z]+$/；
if（元素值匹配（alphaExp））{
返回true；
}否则{
警报（helperMsg）；
元素焦点（）；
返回false；
}
}
功能长度限制（元素、最小值、最大值）{
var uInput=元素值；
如果（uInput.length>=min&&uInput.length
正在初始化。。。
为什么代码中有2个“Project Journal”占位符？注释中说占位符的内容将放在页眉中。为什么内容中有表单元素？您确定母版页中有同名占位符吗？为什么有2个“Project Journal”“代码中的占位符？注释中说占位符的内容将放在页眉中。”。