在表單驗證中,下拉框是一個常見的輸入類型。jquery.validate 提供了方便的驗證規則和消息來驗證下拉框。
首先,需要在 HTML 中使用 select 元素來創建下拉框:
<select name="city" id="city"> <option value="">請選擇城市</option> <option value="beijing">北京</option> <option value="shanghai">上海</option> <option value="guangzhou">廣州</option> <option value="shenzhen">深圳</option> </select>
其次,在驗證規則中設置下拉框驗證規則:
$("form").validate({ rules: { city: { required: true // 下拉框必填 } }, messages: { city: { required: "請選擇城市" // 下拉框必填提示信息 } } });
最后,在 HTML 中添加保存按鈕或提交按鈕,以支持表單提交:
<button type="submit">保存</button>
這樣,當用戶未選擇下拉框時,會彈出“請選擇城市”的提示信息。
下一篇html源代碼顯示錯誤