Hello,
I have to create one HTML form and on button click submit the data in SharePoint List using jquery? I don't know how to proceed this is my first assignment on jquery I tried this below solution using CEWP.
<html><head><script src="/sites/KO/PMTO/JQueryLib/jquery-1.12.1.js"></script><script src="/sites/KO/PMTO/JQueryLib/jquery-2.2.1.min.js"></script><script src="/sites/KO/PMTO/JQueryLib/jquery.SPServices-2014.02.min.js"></script><script>
$(document).ready(function(){
$("form").submit(function(){
alert("Submitted");
});
});</script></head><Body>
EmpName: <input type="text" id="ename"/><br/><br/>
Project Code: <input type="text" id="projectid"/><br/><br/>
ProjectName: <input type="text" id="projectname"/><br/><br/>
Designation: <input type="text" id="designation"/><br/><br/><input type="submit" id="submit" value="Submit"/></form></Body><script type="text/javascript">
$("#submit").click(function(){
var EmpName =$("#ename").val();
var ProjectCode =$("#projectid").val();
var ProjectName =$("#projectname").val();
var Designation =$("#designation").val();
$().SPServices({
operation: "UpdateListItems",
async: false,
batchCmd: "New",
listName: "DemoList",
valuepairs: [["EmpName", EmpName], ["ProjectCode", ProjectCode], ["ProjectName ", ProjectName],["Designation", Designation]],
completefunc: function(xData, status) {
if (status == "success") {
alert ("Thank you for your inquiry!" );
}
else {
alert ("Unable to submit your request at this time.");
}
}
});
});
</script></html>Any help
Thanks,