Two Factor Authentication Generates Javascript-Error

Hello there!

I've installed the SC Login Module V 4.2.4. Regular logins work without any problems, however users who have two factor authentication enabled get the following JavaScript error:

TypeError: jfbcJQuery(...)[0].clone is not a function
http://localhost/media/sourcecoast/js/mod_sclogin.js
Line 38

This concerns the following code block:

I've tested it using Joomla 3.4 using the default Protostar template.

Many thanks for your help.

Kind regards,
Romeo

I've fiddled a bit around with mod_sclogin.js, when I remove the brackets from the clone operations:
var usernameField = jfbcJQuery(formId + ' :input[name=username]')[0].clone(); to
var usernameField = jfbcJQuery(formId + ' :input[name=username]').clone();

and
var passwordField = jfbcJQuery(formId + ' :input[name=password]')[0].clone(); to
var passwordField = jfbcJQuery(formId + ' :input[name=password]').clone();

then the JavaScript error disappears, I see that the username and password gets copied:
alert(usernameField.toSource())
alert(passwordField .toSource())

However, after entering the OTP (YubiKey) I get the following Joomla error: "Password cannot be empty".

Thank you for your appreciated support.

Just discovered that there's a new V 4.3 but unfortunately the problem persists in this version as well.

Bug fixed!

I've noticed that usernameField.outerHTML and passwordField.outerHTML did not get appended to the form. I've changed the code as follows and it works like a charm now (see new variables usernameFieldHTML and passworFieldHTML):

Have a nice weekend!

Hi Alex,

Thanks for your reply! I've tested it on two different Joomla 3.4 installations and experienced the same issue. Both templates I've tried load the Twitter Bootstrap JavaScript Framework using JHtml::_('bootstrap.framework') and according to the following documentation, this will automatically enable the jQuery framework in noConflict mode (version 1.11.1) :
docs.joomla.org/J3.x:Javascript_Frameworks

Maybe this could have lead to the issue I found?

Kind regards,
Romeo

Thank you Alex.

Just for your info, I've tested it on the following instances:

-> Joomla 3.4.0 using the default Protostar template
-> Joomla 3.4.1 using the free YooTheme Master2 template, available here: yootheme.com/themes/downloads

Both instances are hosted on IIS 8.5 using PHP 5.4.24.

Another small detail, the SC Login module doesn't use any form validation, which means a user could attempt to login with a blank username / password. Using a template override I've added the HTML5 required attribute to the input fields:

/templates/templatename/html/mod_sclogin/joomlaLogin_vertical.php:

<input name="username" tabindex="0" id="sclogin-username" class="input-block-level" alt="username" type="text" placeholder="<?php echo JText::_('MOD_SCLOGIN_USERNAME'); ?>" required>

and

<input name="<?php echo $passwordName; ?>" tabindex="0" id="sclogin-passwd" class="input-block-level" alt="password" type="password" placeholder="<?php echo JText::_('MOD_SCLOGIN_PASSWORD') ?>" required>

This works great in most modern browsers, however IOS Safari doesn't prevent a form submission when a required input form element is left blank. I've then tried the jQuery validation plugin which worked, however on mobile devices the two factor authentication stopped working when using the jQuery validation plugin. Just for your info.

Have a good Sunday!