Puoi fare in due modi lato client:
Solo con l'html5:
codice HTML:
<input type="text" pattern="^CANE$">
html + javascript
codice HTML:
<form id="modulo">
<input type="text" id="convenzione">
<input type="submit">
</form>
codice:
document.getElementById("modulo").addEventListener("submit", function (event) {
if (document.getElementById("convenzione").value !== "CANE") {
event.preventDefault();
alert("Errore campo Convenzione!!!");
}
});
O un esempio lato server (uso il php, poi sta a te tradurlo nel linguaggio che usi)
Codice PHP:
<!-- form.php -->
<?php
if (!isset($_POST["invia"] || $_POST["convenzione"] !== "CANE") {
?>
<form action="form.php" method="post">
<input type="text" name="convenzione">
<?php
if ($_POST["convenzione"] !== "CANE") {
echo "<b>Errore nel campo convenzione!!!</b>";
}
?>
<input type="submit" name="invia">
</form>
<?php
} else {
// Fai quello che devi fare, ad esempio salvare i dati nel database
}
?>