利用規約ウィジェットのエラーメッセージが送信ボタンと重なる

  • t_akiyama
    2025年7月24日 2:19に質問

    https://www.jotform.com/build/243601230612441

    上記のフォームをページに埋め込んでいます。

    アラート表示のテキストが下記のようにかぶる部分がありまして、

    被らないように修正方法を教えていただきたいです。

    https://www.jotform.com/build/243601230612441


  • Raymond Jotform Support
    2025年7月24日 4:34に返信

    Hi t_akiyama,

    Thanks for reaching out to Jotform Support. While we do offer Support in many foreign languages, and we're working hard to add more every day, we don't currently have Japanese Support agents who can help you. So I'll try to help you in English using Google Translate, but you can reply in whichever language you feel comfortable using.

    Now, coming back to your question, can you share with us the link where your form is embedded and a screenshot of the overlapping texts so we can check and help you with a solution?

    In the meantime, if you haven't done so yet, try embedding the form using iFrame embed code as it usually fixes the issue. Let me show you how:

    1. In Form Builder, in the orange navigation bar at the top of the page, click on Publish.
    2. In the menu on the left side of the page, click on Embed.
    3. Now, select iFrame, and click on Copy Code.
    4. Paste your code into your webpage's embed area, and that’s it.

    利用規約ウィジェットのエラーメッセージが送信ボタンと重なる Image 1 Screenshot 20 Give it a try and let us know if you need any help.

  • t_akiyama
    2025年7月24日 5:41に返信

    https://form.jotform.com/243601230612441

    上記のフォームでプライバシーポリシーにチェックを入れず、送信しようとしたときのアラートテキストがボタンと被ってしまいます。

  • John Jotform Support
    2025年7月24日 8:13に返信

    Hi t_akiyama,

    I tried filling out your form using a desktop browser and left the Terms & Conditions widget unfilled, it shows an error message, it overlaps a bit with the submit button. Check out the screenshot below for my results:

    利用規約ウィジェットのエラーメッセージが送信ボタンと重なる Image 1 Screenshot 50

    The same goes when I tried it on a mobile browser:

    利用規約ウィジェットのエラーメッセージが送信ボタンと重なる Image 2 Screenshot 61

    After investigating a bit, I found that you've set the widget to a fix height of 60px. Take a look at the screenshot below to see what I mean:

    利用規約ウィジェットのエラーメッセージが送信ボタンと重なる Image 3 Screenshot 72

    I removed it on my end and the error message no longer overlaps with the button. You can try doing the same on your form to see if it works for you too. Check out the screencast below to see how it looks now:

    利用規約ウィジェットのエラーメッセージが送信ボタンと重なる Image 4 Screenshot 83


    Give it a try and let us know if you need any more help.

Your Reply