A simple form action contain previous,next and submit button. Inspiration from Jquery-Steps.
jQuery-nextform is a lightweight UI component written for jQuery.
Everything you need to start is:
- Include jQuery and jquery-nextform in your HTML code.
<!DOCTYPE html>
<html>
<head>
<title>Demo</title>
<meta charset="utf-8">
<script src="jquery.js"></script>
<script src="jquery-nextform.js"></script>
</head>
<body>
<div class="next" id="1">
</div>
<div class="next" id="2">
</div>
<div class="form-group pull-right">
<button id="pre-btn" disabled>Previous</button>
<button id="nxt-btn">Next</button>
<button id="submit-btn" disabled>Submit</button>
</div>
<script type="text/javascript">
// When onclick Submit Button
$('#submit-btn').click(function() {
//You can type what u want
alert("hello world");
});
</script>
</body>
</html>To add steps and their corresponding content.
- Add HTML code have class call next and id must be in integer.
<div class="next" id="1">
<h1>Hello World</h1>
</div>
<div class="next" id="2">
<h2>It's me!</h2>
</div>
<div class="next" id="3">
<h2>It's me three!</h2>
</div>
You can help by reporting bugs, suggesting features, reviewing feature specifications or just by sharing your opinion.
Use GitHub Issues for all of that.
Copyright (c) 2016 FidoUnity. See LICENSE for more details.
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent