Forminator form not showing the input text boxes and buttons

  • Resolved bvk69varghese

    (@bvk69varghese)


    2 years, 7 months ago

    Hi,

    I have updated my forminator plugin from 1.15.0.1 to 1.15.12. After that my form content is not diplaying. I have created my content as html like below and it was working fine in 1.15.0.1. Actual html I am pasting here

    =========================================

    <div id="customer_login" class="u-columns col2-set">
<div class="u-column2-reg">
<div class="regtitle" style="text-align: center; font-weight: bold; color: #686869;">- アカウント作成 -</div>
<p class="woocommerce-form-row woocommerce-form-row--wide form-row form-row-wide"><label for="reg_email">E?mail Address | メールアドレス </label> <input id="reg_email" class="woocommerce-Input woocommerce-Input--text input-text" autocomplete="email" name="email" type="email" value="" placeholder="E?mail Address | メールアドレス" /></p>
<p class="form-row form-row-wide"><label for="reg_password_form">P?assword｜パスワード</label> <span class="password-input"><input id="reg_password_form" class="input-text" autocomplete="new-password" name="reg_password" type="password" /></span> <span id="forminator-password-strength" class="" style="display: inline;"></span> <small class="password-hint">Hint: Password length and character variety improve password strength. (password is case sensitive).</small></p>
<p class="form-row form-row-wide   regscreencls"><label for="reg_password">P?assword | パスワード（確認)</label> <span class="password-input"><input id="reg_password_form_2" class="input-text" name="password" type="password" value="" /></span></p>
</div>
<div class="u-column2-login">
<div class="regtitle" style="text-align: center; font-weight: bold; color: #686869;">- ログインする -</div>
<p class="woocommerce-form-row woocommerce-form-row--wide form-row form-row-wide"><label for="login_email">E?mail Address | メールアドレス </label> <input id="login_email" class="woocommerce-Input woocommerce-Input--text input-text" autocomplete="login_email" name="login_email" type="text" value="" placeholder="Email Address | メールアドレス" /></p>
<p class="form-row form-row-wide  logscreencls"><label for="login_password_form">P?assword｜パスワード</label> <span class="password-input"><input id="login_password_form" class="input-text" autocomplete="new_password" name="login_password" type="password" /></span> <span id="password-strength"></span> <small class="password-hint">Hint: Password length and character variety improve password strength. (password is case sensitive).</small></p>
<div></div>
</div>
<p class="form-row form-row-wide trmscond  termscondcls" style="text-align: center; color: #686869; font-weight: normal !important; font-size: 12px !important;"><label class="woocommerce-form__label woocommerce-form__label-for-checkbox woocommerce-form-login__rememberme"> <input id="termscondition" class="material-inputs filled-in chk-col-deep-purple" name="termscondition" type="checkbox" value="yes" /> <label for="termscondition"> BN<a class="" style="margin: 0 auto !important; cursor: pointer;" title="Terms & Conditions" href="https://staging.bilingualnews.jp/privacy-policy-user-agreement/#user_agreement">ユーザー規約</a>と<a class="" style="margin: 0 auto !important; cursor: pointer;" title="Privacy Policy" href="https://staging.bilingualnews.jp/privacy-policy-user-agreement/">プライバシーポリシー</a>に同意する </label></label></p>
</div>

    =========================================

    But in the front end any of the text boxes is not showing. I have disabled all plugins other than forminator except Woocommerce. If I disable Woocommerce my site is not working. You can see the above script in front end after clicking the “Subscribe” button in the below URL – https://staging.bilingualnews.jp/bnsupporter/

    Here you can see that none of the textboxes is not displaying. How to rectify this issue. We are struggling after updating the plugin to latest version. None of the feature is not working. Kindly help us to resolve this.

    • This topic was modified 2 years, 7 months ago by bvk69varghese.

    The page I need help with: [log in to see the link]

Viewing 6 replies - 1 through 6 (of 6 total)
  • Plugin Support Kris – WPMU DEV Support

    (@wpmudevsupport13)

    Hi @bvk69varghese

    I hope you are doing good today.

    Due to many reports in the past, we do not allow for many HTML tags now in the HTML field, including INPUTS. Based on the code I see you trying to map WooCommerce data.
    You need to map it in the Forminator > Form > User Registration settings

    ref.: https://woocommerce.com/document/tutorial-customising-checkout-fields-using-actions-and-filters/

    For example, if you want the Forminator name-1 to be the Woo Billing name 1 you will enter
    name-1 mapped to “billing_first_name”

    Kind Regards,
    Kris

    Thread Starter bvk69varghese

    (@bvk69varghese)

    Not understood the reply. We are creating a new subscriber login registration using forminator forms. This is not a Woo commerce registration/login.

    We are creating HTML form for registration and login and using forminator like the above HTML. After submitting the page we will redirect the user to the subscriber home page. This is entirely different and not part of Woocommerce Login/Registration. We were able to display the form properly and validate it and was working in old version. Now we made it on live and weekly we are updating the plugins. Now your plugin updated and the functionality fully broken.
    See the admin side view of these form.

    https://drive.google.com/file/d/1ycMyWdPSLM9Xt85RFuFIuBDHy3yMvmgw/view?usp=sharing

    Admin side the HTML form is saving and the input tags are removing in the front end.

    Kindly help us to resolve this. Or give us a workaround for this.

    • This reply was modified 2 years, 7 months ago by bvk69varghese.
    Plugin Support Patrick – WPMU DEV Support

    (@wpmudevsupport12)

    Hi @bvk69varghese

    Sorry for the misunderstanding,

    What my colleague said is it is a best practice not to use inputs inside the Forminator HTML fields, Forminator has a native User registration field that you can easily map to Woocommerce without using any custom code, the HTML field itself will remove specific tags for security.

    Once that said, I also noticed that your form style is not working well:

    https://monosnap.com/file/BxACa1Ury2BLVGCH0k6mh0gfBxdYZH

    Had you tried to disable any caching or switched to a default WordPress theme just like 2021 theme?

    Best Regards
    Patrick Freitas

    Thread Starter bvk69varghese

    (@bvk69varghese)

    Hi,

    Our issue is we were using the old version and just updated the plugin to latest version all of a sudden the functionality broken. This is the form I am trying to display. In this form HTML there are text boxes for Registration and Login. When we import this script to new version its removing the input text boxes. Is there any option to display these text boxes as it is?

    https://drive.google.com/file/d/1uKRD4VBArD5xIv8jNgwaqVYxfa-zF8EP/view?usp=sharing

    Please see the form script here. You can import and see the issue. None of the text boxes are displaying.

    Regards,

    Plugin Support Williams – WPMU DEV Support

    (@wpmudev-support8)

    Hi @bvk69varghese

    Thanks for sharing the form.

    I checked it and I see that what my colleague Kris wrote earlier stands correct. Let me explain that:

    Your form has HTML field on it. In that HTML field you put HTML with another form. This isn’t supported and allowed. Even if it worked before it was due to a “glitch” in a plugin rather than anything else. It’s not supported and is insecure.

    You can’t add form inside the form this way.

    IF you need a user registration form you can use a proper “Registration” type form. Please see this doc:

    https://wpmudev.com/docs/wpmu-dev-plugins/forminator/#registration-and-login-forms

    Kind regards,
    Adam

    Plugin Support Amin – WPMU DEV Support

    (@wpmudev-support2)

    Hello @bvk69varghese ,

    We haven’t heard from you for some time now, so it looks like you don’t need our assistance anymore.

    Feel free to re-open this ticket if needed.

    Kind regards
    Kasia

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Forminator form not showing the input text boxes and buttons’ is closed to new replies.