将jQuery验证应用于SharePoint可视化web部件
Applying jQuery validation to a SharePoint visual webpart
我有一个SharePoint可视化web部件,我试图在页面中使用"HTML"元素。
<script src="../_layouts/15/CreateInitiativesCSOM/jquery-1.10.2.min.js"></script>
<script src="http://ajax.aspnetcdn.com/ajax/jquery.validate/1.9/jquery.validate.min.js"></script>
<script type="text/javascript" src="../_layouts/15/SP.js"></script>
<script type="text/javascript" src="../_layouts/15/sp.runtime.js"></script>
<script src="../_layouts/15/CreateInitiativesCSOM/CreateInitiatives.js"></script>
<body>
<form id="CreateForm" novalidate="novalidate">
<label for="Workspace_Name">Workspace Name</label>
<input type="text" name="Workspace_Name"/><br />
<label for="Description">Description</label>
<input type="text" name="Description" /><br />
<label for="PeoplePicker">Owner Name</label>
<spuc:PeopleEditor name="PeoplePicker" runat="server" Width="350px"
AllowEmpty="true" MultiSelect="true" SelectionSet="User" />
<br />
<input type="submit" name="Create Workspace" value="Create Workspace" onclick="createSite();" />
<input type="reset" name="reset" value="Reset" onclick="this.Form.clear();" />
</form>
</body>
我想使用jquery.validate.js验证这个表单
这是我用来验证表单的代码:
$(document).ready(function () {
$("#CreateForm").validate({
rules: {
Workspace_Name: "required",
Description: "required",
PeoplePicker: "required"
},
messages: {
Workspace_Name: "Please enter the Workspace Name",
Description: "Please enter the Description",
PeoplePicker: "Please enter the Owners for the Workspace"
}
});
function createSite() {
$("#CreateForm").valid();
}
}
当我点击按钮时,它只是返回,什么也没发生。如何解决这个问题?
请帮。
函数
应该返回false function createSite() {
$("#CreateForm").valid();
return false;
}
你可以在你的函数中添加"return false",但是当你使用jQuery时,你甚至可以做一些更漂亮的事情:
$('#CreateForm').on('click',':submit',function(event) {
event.preventDefault();
createSite()
})
这样你就可以用jQuery绑定提交按钮的CLICK动作。然后使用event.preventDefault()
,您停止浏览器的默认操作(即发布表单)。
相关文章:
- 如何在谷歌可视化中组合数字和模式格式化程序
- 加载泰坦尼克号可视化数据时出现问题
- 如何使用图表包装函数有条件地格式化谷歌可视化表单元格
- AngularJS&Google可视化-使用状态更改处理程序(Google API)在HTML页面上查看$sco
- Javascript图形可视化工具包,具有高性能(500-1000个节点)
- Google可视化addListener调用函数引用错误
- 如何在web上动态可视化数据集
- 可视化到选择框中
- 从特定系列的谷歌可视化折线图中删除悬停工具提示
- 谷歌图表可视化仪表板数据源问题
- 如何在可视化web开发中将javascript组合到html/ASP.Net中
- 如何使用Google客户端API gem在自己的web应用程序上显示可视化交互式日历
- 预计算Web音频API时域和频谱图可视化
- 如何在netbeans的可视化web JSF页面中插入javascript代码
- 我如何在可视化web开发人员添加一个脚本到aspx表单
- AJAX游标- Sharepoint可视化web部件
- 寻找关于在web上可视化时间轴上的依赖关系的建议
- 在Google Apps Script Web App中使用Google可视化API显示GSheet范围时出错
- 将jQuery验证应用于SharePoint可视化web部件
- 从可视化Web部件中的javascript调用代码隐藏函数