User Interface‎ > ‎

Validation

Here, I will show you to validate input fields.

Example Demo 1: Email Validation


Example Code 1: Email Validation
function doGet() {
  var app = UiApp.createApplication().setTitle('Email Validation Demo');
  var panel = app.createVerticalPanel();
  var emailLabel = app.createLabel('Enter email address right/wrong and then Validate');
  var inputBox = app.createTextBox().setId('emailBox').setName('myEmail');
  var submitButton = app.createButton('Validate');
  var infoLabel = app.createLabel('Email is Valid').setVisible(false).setId('info');
  panel.add(emailLabel)
    .add(inputBox)
    .add(infoLabel)
    .add(submitButton);
  //Create Click handlet and add to the submit button
  var handler = app.createServerClickHandler('validateEmail');
  handler.addCallbackElement(panel);
  submitButton.addClickHandler(handler);
 
  panel.add(emailLabel).add(inputBox).add(submitButton);
  app.add(panel);
  return app;
}

//Function to validate email and display the response
function validateEmail(e){
  var emailPattern = /^[a-zA-Z0-9._-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,4}$/;
  var app = UiApp.getActiveApplication();
  email = e.parameter.myEmail;
  Logger.log(email);
  if(emailPattern.test(email) == false)
    app.getElementById('info').setText("Invalid Email Address").setStyleAttribute("color", "#F00").setVisible(true);
      else
        app.getElementById('info').setText("Valid Email Address").setStyleAttribute('color', '#339900').setVisible(true);
  return app;
}
 
 

Comments