在前端開發中,有時需要對 input 框進行必輸驗證,防止用戶輸入空白或者無效的字符。這時候可以使用 jQuery,使 input 框必輸。以下是具體的實現方法:
$(document).ready(function () { $("input[type='text']").attr("required", "true"); });
以上代碼實現了將 type 為 text 的 input 框添加 required 屬性。當用戶提交表單時,如果這些 input 框為空,則會提示必須輸入才能提交。也可將 required 屬性設置為 false,這時候就不是必輸項了。
除了使用 jQuery,我們還可以使用 HTML5 中的 required 屬性來實現。以下是具體代碼:
<input type="text" required="true" />
以上代碼實現了在頁面中添加一個必輸的 input 框,如果為空,則會提示必須輸入才能進行下一步。同時,如果用戶嘗試提交表單但是必輸項為空,瀏覽器會自動提示必須輸入。至此,我們完成了在前端開發中使用 jQuery 設置 input 框必輸的全部內容。