在前端開發中,表單驗證是必不可少的。而jQuery提供的validate插件,能夠方便地實現表單驗證的各種規則。本文將介紹如何使用jQuery.validate驗證表單中的輸入框不為空。
$("#myForm").validate({ rules: { myInput: { required: true } }, messages: { myInput: { required: "請輸入內容" } } });
代碼解釋:
1. $("#myForm"):選擇需要驗證的表單,這里是表單的ID,可以根據實際情況修改。 2. rules: {}:規則定義。 3. myInput:需要驗證的表單元素的name屬性,可以根據實際情況修改。 4. required: true:表示該表單元素不能為空。 5. messages: {}:驗證失敗時的提示語。 6. required: "請輸入內容":當內容為空時,提示用戶“請輸入內容”。
最后,需要注意的是,jQuery.validate插件需要配合jQuery庫一起使用。另外,validate插件還支持多種不同的驗證規則,更多詳情可參考官方文檔。
上一篇css 底邊框動態延長
下一篇vue開發app局限