Input required attribute not working in options modal

[danyj]

I need a required option attribute that will not let user save the options unless the option has been filled out.
I am using short-text or text, but in general is there and attribute we can add to make user fill out the option before save?

[ghost]

Try

array(
    'type' => 'text',
    'attr' => array('required' => 'required'),
)

[danyj]

It does show required
http://screencast.com/t/FkB6KD0F
but saving still goes trough without warning.

[ghost]

You did not specified that options are inside modal.
At the moment the required attribute won't work in modal. I will take a look to see if it's possible to make it work.

[lgabeskiria]

Hi,
I found a solution for required attributes. You need a hidden submit input inside form.
when you click save button than trigger click on hidden submit input > event.preventDefault() > call your ajax handler and finally return false. I tested this solution and it works fine!

[ghost]

@levan1993 Thank you for the suggestion. Yes, for the question with required inputs inside options modal this is the solution.

But I am thinking a way to auto-generate a unique id without bothering the user to enter manually one for each section/column.

[lgabeskiria]

Do you want to generate unique id while building page or on post save ?

[ghost]

@levan1993 I don't know yet. I will let you know when I will decide.

[lgabeskiria]

Do you need these ids for CSS stuff?

[ghost]

Ops, I thought this is #275

The solution for this issue is #274 (comment) I will fix it soon.

[ghost]

I can't solve this

[danyj]

Hack but works
http://jsfiddle.net/r8haxLyj/

[danyj]

This combo might help also for multiple required
http://stackoverflow.com/a/8409472/594423

[ghost]

The user will not understand why modal is not closing when he clicks the Save button. The warning popup must be displayed.

[ghost]

P.S. Is this feature still needed if section id will be generated automatically?

[danyj]

adding a class to required on click if it is empty can help there, like here
http://joomlatemplates.youjoomla.info/eximium/index.php/pages/user-pages/login-form

like this
http://jsfiddle.net/r8haxLyj/1/

[danyj]

well no it is not needed for me if I have the ID but someone else might want to use required in popup.

[ghost]

well no it is not needed for me if I have the ID but someone else might want to use required in popup.

If will be needed I will reopen this. (There are other important issues in pending)

[lgabeskiria]

My solution shows browser native validation ( shows native bubbles ), for example :
if input is required it will show : please fill out this field,
if input is url and it'not valid it will show : Please enter a URL.
And so on.

I will modify your fw.OptionsModal and upload it