Define validation type : Form Validation « Ext JS « JavaScript DHTML






  1. JavaScript DHTML
  2. Ext JS
  3. Form Validation

Define validation type

  


<html>
<head>
<title>Hello World Window</title>
<link rel="stylesheet" type="text/css" href="ext-3.0.0/resources/css/ext-all.css" />
<script type="text/javascript" src="ext-3.0.0/adapter/ext/ext-base.js"></script>
<script type="text/javascript" src="ext-3.0.0/ext-all.js"></script>

</head>
<body>
<script type="text/javascript">
Ext.onReady(function() {
        Ext.form.VTypes.nameVal  = /^([A-Z]{1})[A-Za-z\-]+ ([A-Z]{1})[A-Za-z\-]+/;
    Ext.form.VTypes.nameMask = /[A-Za-z\- ]/;
    Ext.form.VTypes.nameText = 'In-valid.';
    Ext.form.VTypes.name   = function(v){
      return Ext.form.VTypes.nameVal.test(v);
    };

    new Ext.FormPanel({ 
      url: 'your.php',
      renderTo: Ext.getBody(),
      frame: true,
      title: 'Title',
      width: 250,
      items: [
          {
            xtype: 'textfield',
            fieldLabel: 'Title',
            name: 'title',
            vtype: 'name'
            }
        ]
    });


});
</script> 
<div id='div1'>asdf</div>
</body>
</html>








Related examples in the same category

1.Mark a form field as required
2.Set mask regular expression
3.Define your own validation type
4.Customize your own message for validation
5.Use separate function as the validation function
6.Set strip character regular expression
7.Set alert message for empty input
8.Create customized validation function for field
9.Advanced Validation Examples Using VTypes