template with validator

field.handlebars

  <span class="label">{{loc "_Port"}}</span>
  {{view PortField valueBinding="ScaleUI.alertSMTPController.port"}}

port_field.js

PortField: SC.TextField.extend(SC.Validatable, {
  validator: SC.Validator.PositiveInteger.extend({ places: 0 })
}),

smtp_model.js

ScaleModel.AlertSMTP = SC.Record.extend(
/** @scope ScaleModel.AlertSMTP.prototype */ {

  smtpServer: SC.Record.attr(String),

  useSSL: SC.Record.attr(Boolean),

  port: SC.Record.attr(Number),

  requiresAuthentication: SC.Record.attr(Boolean, { key: 'useAuth' }),

  username: SC.Record.attr(String, { key: 'authUser' }),

  password: SC.Record.attr(String, { key: 'authPassword' }),

  cluster: SC.Record.toOne("ScaleModel.Cluster", {
    inverse: "alertSMTP", isMaster: NO
  })
  
}) ;