No you cannot directly pick values from People picker fields.
Reason being a people picker field is nothing but a lookup to
a list where SharePoint stores various users.
Some of the values associated with a people picker field are:
--> Id
--> Display Text
Still it can be done in the following way (Workaround):
Just paste the following code inside PreSaveAction()
function PreSaveAction()
{
//alert('PreSaveAction');
// Get People Picker Values
function getEditorPeoplePickerValues(fieldName)
{ // Field Title
var editorNames = "";
var _PeoplePicker = $("div[title='" + fieldName + "']");
var _PeoplePickerTopId = _PeoplePicker.attr('id');
var ppobject = SPClientPeoplePicker.SPClientPeoplePickerDict[_PeoplePickerTopId];
editorsInfo = ppobject.GetAllUserInfo();
var i;
for (i = 0; i < editorsInfo.length; ++i) {
editorNames += editorsInfo[i].DisplayText ;
}
return editorNames;
}
var UserName = getEditorPeoplePickerValues("You fields name");
}
Just enter you people picker field's name in the double quotes.
Note: I assume you have already added reference for SPUtility and
Jquery.