Skip welcome & menu and move to editor
Welcome to JS Bin
File
Add library
Share
Login or Register
Blog
Help
Load cached copy from
  • Run with JS
  • Save
  • Share
  • …
 
<!DOCTYPE html>
<html>
<head>
  <title>why this dijit.form doesnt submit?</title>
  <meta charset=utf-8 />
  <meta name="description" content="stackoverflow dijit/form submit" />
  <!-- http://stackoverflow.com/questions/12192599/why-this-dijit-form-doesnt-submit -->
  
  <link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/dojo/1.8/dijit/themes/claro/claro.css">
  
  <script>
    var dojoConfig = {
      parseOnLoad: true
    }
  </script>
  
  <script src="http://ajax.googleapis.com/ajax/libs/dojo/1.8/dojo/dojo.js"></script>
  
  <script>
    dojo.require("dijit.form.Form");
    dojo.require("dijit.form.Button");
    dojo.require("dijit.form.TextBox");
    dojo.require("dijit/layout/AccordionContainer"); 
    dojo.require("dijit/layout/BorderContainer");
    dojo.require("dijit/layout/ContentPane");
  </script>
​
</head>
  
<body class="claro">
​
  <form
    id="myForm"
    data-dojo-type="dijit/form/Form"  
    data-dojo-id="myForm"
    enctype="application/x-www-form-urlencoded"
    action="Cart.php"
    method="post"
  >
    
    <div>
      <input 
        type="text"
        id="searchName"
        name="searchName" 
        data-dojo-type="dijit/form/TextBox"
        data-dojo-props="trim:true, propercase:true"
      />
      
      <input 
        type="radio"
        id="radioOne"
        name="sl" 
        data-dojo-type="dijit/form/RadioButton"
        value="full"
      /> 
      <label for="radioOne">Full</label>
  
      <input
        type="radio"
        id="radioTwo"
        name="sl"
        data-dojo-type="dijit/form/RadioButton"
        value="short"
      /> 
      <label for="radioTwo">Short</label>
    </div>
    
    <div style="margin-top: 1em;">
      Data Select
      <select name="select1" data-dojo-type="dijit/form/Select">
        <option  value="2">Data1</option>
        <option  value="1">Data2</option>
      </select>
    </div>
    
    <div style="margin-top: 1em;">
      <button
        type="submit"
        name="submitButton"
        data-dojo-type="dijit/form/Button"
        value="Submit"
      >
        Submit
      </button>
    </div>
  </form>
  
</body>
</html>
​
 
​
Output

You can jump to the latest bin by adding /latest to your URL

Dismiss x
public
Bin info
phusickpro
0viewers