I am experimenting in an office 365 trial tenant and have a requirement to show a popup message based on the value of a field in my EditForm. I am trying the instructions listed on https://www.dmcinfo.com/latest-thinking/blog/id/9279/sharepoint-form-validation-using-javascript-jqu...
It works fine the way it is and shows the error message if the field is left blank etc. But If I add a small code, as underlined below, then the nothing works and not even simple alert messages.
Truly appreciate any guidance.
<script src="//code.jquery.com/jquery-latest.min.js"></script>
<script>
function PreSaveItem() {
a: ;return "function" == typeof PreSaveAction ? PreSaveAction() : true
}
</script>
<script>
//When the user clicks 'Save', SharePoint will run this function
function PreSaveAction(){
//Returning true will cause the form to be submitted, false will prevent form submission
var result = true;
alert("Test");
//Clear out existing error messages
$('.errorMessage').remove();
//Select the input of a text field
var textField = GetFieldByDisplayName("Title");
var column1Field = GetFieldByDisplayName("Column 1");
alert (textField.val().trim());
If !(textField.val().trim()) {
alert(textField.val().trim())
} else {
alert("Else Part")
};
//Check if the input is empty
if (textField && !textField.val().trim() {
result = false;
//Write a message indicating to the user that the field is empty
WriteErrorMessage(textField, "You ccan''t leave this blank."); // Intentionally made double c in ccan't to see if this message is coming from our code and not the system code.
}
//Select the textarea of a multi-line text field
var multiLineTextField = GetFieldByDisplayName("Example Multi Line Text Field");
return result;
}
//Append an error message to a field
function WriteErrorMessage(inputElement, message){
var errorMessageMarkup = '<span class="errorMessage ms-formvalidation ms-csrformvalidation"><span role="alert">' + message + '<br></span>';
$(inputElement).parent().append(errorMessageMarkup);
}
//Gets a jQuery object that represents a field element
function GetFieldByDisplayName(fieldName){
var field = $('input[title="' + fieldName + '"], [title="' + fieldName + ' Required Field"]');
if (!field){
field = $('textarea[title="' + fieldName + '"], [title="' + fieldName + ' Required Field"]');
}
return field;
}
</script>
</span>
