---
slug: "jquery-validationengine-でツールチップの位置指定"
title: "JQuery ValidationEngine でツールチップの位置指定"
description: "&lt;script&gt;"
url: "https://www.ytyng.com/blog/jquery-validationengine-でツールチップの位置指定"
publish_date: "2017-05-21T13:33:39Z"
created: "2017-05-21T13:33:39Z"
updated: "2026-02-27T10:44:56.344Z"
categories: ["Javascript"]
keywords: ""
featured_image_url: "https://media.ytyng.com/resize/20230812/2271e28243f74d06b2f909ce4abb3e9b.png.webp?width=768"
has_video: false
has_music: false
video_urls: []
music_urls: []
lang: "ja"
---

# JQuery ValidationEngine でツールチップの位置指定

<pre style="background-color: #ffffff; color: #000000; font-family: 'Menlo'; font-size: 9.0pt;"><span style="background-color: #efefef;">&lt;</span><span style="color: #000080; background-color: #efefef; font-weight: bold;">script</span><span style="background-color: #efefef;">&gt;</span><br />  <span style="color: #7a7a43;">$</span>(<span style="color: #660e7a; font-weight: bold;">document</span>).<span style="color: #660e7a; font-weight: bold;">ready</span>(<span style="color: #000080; font-weight: bold;">function </span>() {<br />    <span style="color: #7a7a43;">$</span>(<span style="color: #008000; font-weight: bold;">"#mailform"</span>).<span style="color: #7a7a43;">validationEngine</span>({<br />      <span style="color: #660e7a; font-weight: bold;">promptPosition</span>: <span style="color: #008000; font-weight: bold;">"topRight:-65"<br /></span><span style="color: #008000; font-weight: bold;">    </span>});<br />  });<br /><span style="background-color: #efefef;">&lt;/</span><span style="color: #000080; background-color: #efefef; font-weight: bold;">script</span><span style="background-color: #efefef;">&gt;</span><br /><br /><br /><br /></pre>
<pre style="background-color: #ffffff; color: #000000; font-family: 'Menlo'; font-size: 9.0pt;"><span style="background-color: #efefef;">&lt;</span><span style="color: #000080; background-color: #efefef; font-weight: bold;">input </span><span style="color: #0000ff; background-color: #efefef; font-weight: bold;">type=</span><span style="color: #008000; background-color: #efefef; font-weight: bold;">"radio" </span><span style="color: #0000ff; background-color: #efefef; font-weight: bold;">...</span><span style="color: #008000; background-color: #efefef; font-weight: bold;"> </span><span style="color: #0000ff; background-color: #efefef; font-weight: bold;">class=</span><span style="color: #008000; background-color: #efefef; font-weight: bold;">"validate[required]" </span><span style="color: #0000ff; background-color: #efefef; font-weight: bold;">data-prompt-position=</span><span style="color: #008000; background-color: #efefef; font-weight: bold;">"topLeft"</span><span style="background-color: #efefef;">/&gt;</span></pre>
