How to make a field as required without App-within-minutes

Help / Discuss
1

I am not developing my application using App-within-minutes. My application contains many classes and each of the class sheet has velocity wiki code.
There is a “Student” class and I want to make its field “First name” mandatory to be inputted in Student edit form. Without any “First name”, form should not get saved and throw a message to user asking for “First name”.

I am using a macro “custom-field-display” to render first name input field in the Student edit form.
image

Below is the content of “custom-field-display” macro, which creates “First name” input field -
image

I tried putting some regex in “Validation Regular Expression” field in Student class for this first name property but that didn’t work.
What can I do to make this field as required ? Is there any way I can override save button functionality and validate “First name” field value just before form gets saved ? Or is there any other way to achieve this ?

2

Can anyone from Xwiki team provide me solution to this problem ?

3

Anyone with the solution ?

4

Hello @sparsh,

You can try adding a required attribute on your input tag in the custom display.

It it’s not enough, you could try to fiddle with some events like xwiki:actions:beforeSave. In particular, you should be able to cancel save with a JavascriptExtension like this:

require(["jquery"], function ($) {
  $(document).on("xwiki:actions:beforeSave", function (event) {
    if (/* verification fails */) {
      event.preventDefault();
    }
  });
});

Client side verification might not be enough, it won’t prevent users from sending incorrect data (by removing the required attribute and/or disabling Javascript for instance) so if you need further guarantees, you’ll need further work backend side.