javascript - Google Dart Not Retrieving All Form Element Values -
i'm having problem dart application. seems retrieve date field in form , not rest of them. below code simple form. if need more info please inquire , happy off it.
html:
<!doctype html> <html> <head> <meta charset="utf-8"> <title>domainsort</title> <link rel="stylesheet" href="domainsort.css"> <link rel="stylesheet" href="//code.jquery.com/ui/1.10.4/themes/smoothness/jquery-ui.css"> <script src="//code.jquery.com/jquery-1.10.2.js"></script> <script src="//code.jquery.com/ui/1.10.4/jquery-ui.js"></script> <link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css"> <script> $(function() { $( "#datepicker" ).datepicker(); }); </script> </head> <body> <form id="domainfilter" role="form" action=""> <div class="form-group"> <label for="domain">domain: </label> <input type="text" class="form-control" id="domain" value="" placeholder="type domain"/> <br/> <label for="asset"">asset: </label> <br/> <select id="asset" class="btn btn-default"> <option value="asset 1">asset type 1</option> <option value="asset 2">asset type 2</option> <option value="asset 3">asset type 3</option> <option value="asset 4">asset type 4</option> <option value="asset 5">asset type 5</option> </select> <br/> <br/> <label for="range1">ip range 1: </label> <input type="text" class="form-control" id="range1" value="" placeholder="first 3 digits"/> <br/> <label for="range2">ip range 2: </label> <input type="text" class="form-control" id="range2" value="" placeholder="middle 3 digits"/> <br/> <label for="range3">ip range 3: </label> <input type="text" class="form-control" id="range3" value="" placeholder="last 3 digits"/> <br/> <label for="datepicker">date: </label> <input type="text" class="form-control" id="datepicker" placeholder="choose date"> <br/> </div> <button id="submit" class="btn btn-primary">go</button> </form> <script type="application/dart" src="domainsort.dart"></script> <script src="packages/browser/dart.js"></script> </body> </html> dart code:
import 'dart:html'; import 'dart:convert'; void main() { formelement form = queryselector("#domainfilter"); buttonelement button = queryselector("#submit"); button.onclick.listen((e){ var req = new httprequest(); req.onreadystatechange.listen((progressevent e){ if(req.readystate == httprequest.done) { print("submission successful"); } else { print("submission unsuccessful"); } }); req.open("post", form.action); req.send(json.encode(serializeform(form))); print(json.encode(serializeform(form))); }); } serializeform(formelement form) { var info = {}; form.queryselectorall("input,select").foreach((element el) { if(el inputelement) { data[el.name] = el.value; } }); homecoming data; }
your html not valid
in html5 have use
<input type="text" class="form-control" id="domain" value="" placeholder="type domain"></input> instead of
<input type="text" class="form-control" id="domain" value="" placeholder="type domain"/> see are self-closing tags valid in html5?
javascript jquery json forms dart
No comments:
Post a Comment