1
我正在嘗試使用javascript和div創建多步表單。我知道如何以這種方式創建表單，但問題是我希望每個步驟中的字段在移至下一個之前進行驗證。例如：如果用戶未填寫必填字段或在字段中出現錯誤，該框將以紅色突出顯示，並且在更正之前不會進入下一步。我知道如何進行驗證，但無法停止頁面。任何幫助將不勝感激。Javascript Multistep Form with Validation
謝謝！
A
回答
0
要提交你需要添加
<form id="form" onsubmit="validate(); return false;">
驗證是您validationg功能停止的形式，那麼你可以調用像這樣
document.getElementById('form').submit()
如果表單是有效的;）
+1
實際上，'validate（）'在這種情況下永遠不會被調用 - 'return false;'會立即終止代碼或產生錯誤。如果驗證無法停止表單提交，則validate（this）應該返回false。 – 2010-11-17 22:07:00
+0
你的權利，在例子中修復。 – 2010-11-17 22:22:23
+0
有一點需要注意的是，你必須實際返回false;在提交。 「return validate（）」在「某些」瀏覽器中無法正確運行。所以你需要「驗證（）;返回false;」 – 2010-11-17 22:23:57
相關問題
- 1. Textarea with javascript validation
- 2. Html with Javascript validation
- 3. Zend Form W3C validation with HTML5 Doctype
- 4. javascript form validation
- 5. Javascript form validation multiple
- 6. Javascript field validation form
- 7. Javascript form-validation framework：Request for Review
- 8. Jquery Validation with errorContainer
- 9. Reactive form-validation-angular2
- 10. Form Validation Angular 2
- 11. Angular JS Form Validation
- 12. Jquery Validation validate form-array
- 13. laravel validation with delete_at
- 14. WordPress Gravity Form Field Validation
- 15. Angular 2 Form Array Validation
- 16. rails form validation empty filed
- 17. Javascript onsmit with form with multiple submits buttons
- 18. Python post form with button javascript
- 19. Symfony Assert validation with yaml
- 20. Angular Form Validation error：form is undefined
- 21. $ index in ng-class for form validation
- 22. Validation not Javascript on Javascript
- 23. 的JavaScript validation-- ONCLICK
- 24. Specflow with MVC Model Validation問題
- 25. Spring MVC number validation with typeMismatch
- 26. Spring MVC - Liferay - Validation（with @valid annotation）
- 27. jquery validation errorElement div with inner tags
- 28. Validation engine with message over select field
- 29. Laravel 4：Form :: macro with Form :: model
- 30. Zend form setAttrib with json_encode
考慮使用任何js框架像jQuery？ – yoda 2010-11-17 21:50:41
您是否有希望禁用的下一個按鈕，直到所有字段都有效，可能會立即標記無效字段。或者是否希望在按下下一個按鈕時進行驗證，並且沒有預先完成？ – Orbling 2010-11-17 21:51:12
源代碼或答案的「紫色」 – zzzzBov 2010-11-17 21:55:36