Html: index.html
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Form</title>
<style>
li {list-style-type: none;}
</style>
</head>
<body>
<form name="maintainUserForm">
<div><label for="name">Name</label> <input type="text" name="name"/></div>
<div><label for="sex">Sex</label> <input type="radio" name="sex" value="M" checked="checked"/> Male <input type="radio" name="sex" value="F"/> Female</div>
<div><label for="city">City</label>
<select name="city">
<option value="Rio de Janeiro">Rio de Janeiro</option>
<option value="Curitiba">Curitiba</option>
</select>
</div>
<div>
<div><label for="countries">Which countries have you visit?</label></div>
<ul>
<li><input type="checkbox" name="countries" value="Afghanistan" /> Afghanistan</li>
<li><input type="checkbox" name="countries" value="Australia" /> Australia</li>
<li><input type="checkbox" name="countries" value="Brazil" /> Brazil</li>
<li><input type="checkbox" name="countries" value="Cuba" /> Cuba</li>
<li><input type="checkbox" name="countries" value="Egypt" /> Egypt</li>
<li><input type="checkbox" name="countries" value="United States" /> United States</li>
</ul>
</div>
<button type="button" name="buttonRegister" id="buttonRegister">Register</button>
</form>
</body>
</html>Java: IndexController.java
@Page(name = "index", path = "index.html")
public class IndexController extends Window {
// Get Form by Class
private final MaintainUserForm form = document.forms(MaintainUserForm.class);
public void init(JRenderContext context) {
// Get Element By Id and register Event
document.getElementById("buttonRegister").addEventListener(Events.CLICK, new FunctionHandle("register"));
// Reset Form
form.reset();
}
// Take a note that says that will be a validation to execute the method
@Validate
public void register() {
// Print result on console
System.out.println("Name: " + form.getName());
System.out.println("Sex: " + (form.getSex().equals('M') ? "Male" : "Female"));
System.out.println("City: " + form.getCity());
System.out.print("Countries: ");
StringBuilder countries = new StringBuilder(' ');
if (form.getCountries() != null) {
for (int i = -1, s = form.getCountries().length; ++i < s;) {
if (i > 0)
countries.append(',');
countries.append(form.getCountries()[i]);
}
} else {
countries.append("none");
}
System.out.println(countries.toString());
}
}Java: MaintainUserForm.java
//Same name in html
@Name("maintainUserForm")
public class MaintainUserForm extends Form {
// @ElementValue will say that the field will be a value retrived by the form through atribute 'name'
// Trim is there for eliminate the spaces on begining and the end of the value
// Take a note to say that this field will be valid
@ElementValue(trim=true, validators=@Validator(RequiredValidator.class))
private String name;
@ElementValue
private Character sex;
@ElementValue
private String city;
@ElementValue(validators=@Validator(RequiredValidator.class))
private String[] countries;
public String getName() {
return name;
}
public Character getSex() {
return sex;
}
public String getCity() {
return city;
}
public String[] getCountries() {
return countries;
}
}Java: RequiredValidator.java
// Implements Class Validator
public class RequiredValidator implements Validator {
public boolean validate(Window window, Form form, ContainerElement<?> container, Element element,
String name, Object value, String[] labels, DataValidation data) {
// Get cached element
Element e = DOMHandle.getVariableValue(window, "element_" + name, Element.class);
if (e == null) {
// Search Element Label by attribute 'for'
e = window.principalElement().querySelector("label[for='" + name + "']");
// Cache Element
DOMHandle.setVariableValue(window, "element_" + name, e);
}
// Check if value is empty
if (value == null) {
// Set Color
e.style("color", "red");
// Show Message
window.alert("The " + name + " field is required.");
return false;
} else if (e.style("color").equals("red")) {
// Reset Color to Black
e.style("color", "black");
}
return true;
}
}