Trim dijit.form.TextBox : TextBox « Dojo toolkit « JavaScript Tutorial






<html>
  <head>
    <link rel="StyleSheet" type="text/css" href="js/dojo/dijit/themes/tundra/tundra.css">
    <script type="text/javascript">
      var djConfig = {
        baseScriptUri : "js/dojo/",
        parseOnLoad : true
      };
    </script>
    <script type="text/javascript" src="js/dojo/dojo/dojo.js"></script>
    <script>
            dojo.require("dojo.parser");
            dojo.require("dijit.form.TextBox");
            function help() {
                var msg="Help";
                alert(msg);
                return false;
            }
            function validate(){
                var f = document.getElementById("registration_form");
                if (f.first.value == "" ||f.last.value == "" ||f.email.value == "") {
                        alert("All fields are required.");
                        return false;
                }

                return true;
            }
    </script>
  </head>
  <body class="tundra">
      <form id="registration_form"
            onsubmit="javascript:return validate()"
            action="">
            First Name:<input dojoType="dijit.form.TextBox" propercase=true trim=true name="first"><br>
            Last Name:<input dojoType="dijit.form.TextBox" propercase=true trim=true name="last"><br>
            Your Email:<input dojoType="dijit.form.TextBox" length=25 name="email"><br>
            <button type="submit">Sign Up!</button>
            <button type="reset">Reset</button>
            <button type="button" onclick="javascript:help()">Help</button>
      </form>
</body>
</html>








29.52.TextBox
29.52.1.Simple TextBox
29.52.2.TextBox proper case
29.52.3.Trim dijit.form.TextBox
29.52.4.Set prompt message for TextBox
29.52.5.Use your own format function to format a dijit.form.TextBox
29.52.6.Create TextBox
29.52.7.Get value from dijit.form.TextBox and do the validation