jQuery Smart Form.js 是一個非常有用的 jQuery 插件,它讓表單處理更加便捷和方便。 它可以自動驗證表單數據,并顯示驗證錯誤消息。 它還可以自動聚焦到第一個輸入,以及處理表單提交。
// 引入 jQuery 和 Smart Form.js <script src="https://code.jquery.com/jquery-3.2.1.min.js"></script> <script src="smart-form.js"></script> // 初始化 Smart Form $(document).ready(function() { $('#my-form').smartForm(); }); // HTML 范例 <form id="my-form"> <label for="name">姓名:</label> <input type="text" name="name" required> <label for="email">Email:</label> <input type="email" name="email" required> <button type="submit">提交</button> </form>
在上面的代碼中,我們引入了 jQuery 和 Smart Form.js。 然后,我們使用 $(document).ready(function(){...})方法來初始化我們的表單。 我們使用表單的 ID “my-form” 來調用 smartForm()方法,該方法會自動處理表單的驗證和提交。
在 HTML 代碼中,我們定義了兩個表單字段:“name”和“email”,它們都具有 required 屬性。 這告訴 Smart Form.js 它們必須填寫,否則會顯示驗證錯誤消息。 最后,我們添加了一個提交按鈕來提交表單。