SharkEyes offers two ways to secure your forms. In both cases, the script automatically manages the "Submit" button: it stays inactive or intercepts the click until the check is passed.
Option A: Invisible Mode (No UI)
Best for clean designs. Just add a special attribute to your <form> tag. The protection will run silently when the user starts filling out the fields.
Setup:Add data-sharkeyes to your form.
<form action="/send-data" method="POST" data-sharkeyes="invisible">
<input type="text" name="message" placeholder="Your message">
<button type="submit">Send</button>
</form>
Option B: Visible Mode
Best for building trust. Place a container where you want the protection status to appear. You can choose a theme to match your brand.
Setup:Place a <div class="sharkeyes-widget"> inside your form.
Themesdata-theme="light" or data-theme="dark"
<form action="/send-data" method="POST">
<input type="email" name="email" placeholder="Email">
<div class="sharkeyes-widget" data-theme="dark"></div>
<button type="submit">Submit</button>
</form>