第四十三讲：tapestry Ajax表单验证

忘是亡心i 2022-01-14 05:31 187阅读 0赞

[2019独角兽企业重金招聘Python工程师标准>>> ][2019_Python_] ![hot3.png][]

tapestry Ajax表单验证，作用非常大可做检查用户名是否存在。源码如下：

AJAXValidators1.java

/\*\*

\* 项目名称：TapestryStart

\* 开发模式：Maven+Tapestry5.x+Tapestry-hibernate+Mysql

\* 网址： [http://www.flywind.org][http_www.flywind.org]

\* 版本：1.0

\* 编写：飞风

\* 时间：2012-02-29

\*/

package com.tapestry.app.pages;

import java.util.List;

import org.apache.tapestry5.annotations.InjectPage;

import org.apache.tapestry5.annotations.Property;

import org.apache.tapestry5.ioc.annotations.Inject;

import org.apache.tapestry5.json.JSONObject;

import org.apache.tapestry5.services.Request;

import com.tapestry.app.entities.Person;

import com.tapestry.app.services.StartDAO;

public class AJAXValidators1 \{

@Property

private String firstName;

@Property

private String lastName;

@Property

@SuppressWarnings("unused")

private List<Person> persons;

@InjectPage

private AJAXValidators2 page2;

@Inject

private Request request;

@Inject

private StartDAO dao;

void setupRender() \{

StringBuffer sql = new StringBuffer();

sql.append("from Person");

persons = dao.findWithQuery(sql.toString());

JSONObject onAjaxValidateFromFirstName() \{

String firstName = request.getParameter("param");

try \{

validateFirstNameIsUnique(firstName);

catch (Exception e) \{

return new JSONObject().put("error", e.getMessage());

return new JSONObject();

Object onSuccess() \{

page2.set(firstName, lastName);

return page2;

void validateFirstNameIsUnique(String firstName) throws Exception \{

if (firstName != null) \{

List<Person> persons = dao.searchQuery(firstName);

if (persons.size() > 0) \{

throw new Exception("姓已经存在.");

AJAXValidators1.tml

<html t:type="layout" title="tapestryStart Index" t:sidebarTitle="Framework Version"

xmlns:t="http://tapestry.apache.org/schema/tapestry\_5\_3.xsd" xmlns:p="tapestry:parameter">

<t:errors/>

<table>

<tr>

<td><input t:type="TextField" t:id="firstName" t:validate="required, maxlength=10" size="10"

t:mixins="ajaxValidator"/></td>

<td>(required, maxLength=10, new name only)</td>

</tr>

<tr>

</tr>

<tr>

<td>(required, maxLength=10, new name only)</td>

</tr>

<tr>

</tr>

<tr>

</tr>

</table>

</form><br/>

</div>

</html>

AjaxValidator.java

/\*\*

\* 项目名称：TapestryStart

\* 开发模式：Maven+Tapestry5.x+Tapestry-hibernate+Mysql

\* 网址： [http://www.flywind.org][http_www.flywind.org]

\* 版本：1.0

\* 编写：飞风

\* 时间：2012-02-29

\*/

package com.tapestry.app.mixins;

import org.apache.tapestry5.ClientElement;

import org.apache.tapestry5.ComponentResources;

import org.apache.tapestry5.annotations.Import;

import org.apache.tapestry5.annotations.InjectContainer;

import org.apache.tapestry5.ioc.annotations.Inject;

import org.apache.tapestry5.json.JSONObject;

import org.apache.tapestry5.services.javascript.JavaScriptSupport;

@Import(library = "context:assets/js/AjaxValidator.js")

public class AjaxValidator \{

@Inject

private ComponentResources componentResources;

@Inject

private JavaScriptSupport javaScriptSupport;

@InjectContainer

private ClientElement clientElement;

void afterRender() \{

JSONObject spec = new JSONObject();

spec.put("elementId", clientElement.getClientId());

spec.put("listenerURI", componentResources.createEventLink("ajaxValidate").toAbsoluteURI());

javaScriptSupport.addInitializerCall("ajaxValidator", spec);

AjaxValidator.js

AjaxValidator = Class.create( \{

initialize : function(spec) \{

this.field = $(spec.elementId);

this.listenerURI = spec.listenerURI;

// Set up a listener that validates the field - asynchronously in the server - on change of focus

document.observe(Tapestry.FOCUS\_CHANGE\_EVENT, function(event) \{

// If changing focus \*within the same form\* then perform validation.

// Note that Tapestry.currentFocusField does not change

// until after the FOCUS\_CHANGE\_EVENT notification.

if (Tapestry.currentFocusField == this.field && this.field.form == event.memo.form) \{

this.asyncValidateInServer();

\}.bindAsEventListener(this) );

\},

asyncValidateInServer : function() \{

var value = this.field.value;

var listenerURIWithValue = this.listenerURI;

if (value) \{

listenerURIWithValue = addRequestParameter('param', value, this.listenerURI);

new Ajax.Request(listenerURIWithValue, \{

method: 'get',

onFailure: function(t) \{

alert('Error communication with the server: ' + t.responseText.stripTags());

\},

onException: function(t, exception) \{

alert('Error communication with the server: ' + exception.message);

\},

onSuccess: function(t) \{

if (t.responseJSON.error) \{

this.field.showValidationMessage(t.responseJSON.error);

\}.bind(this)

\});

\} )

function addRequestParameter(name, value, url) \{

if (url.indexOf('?') < 0) \{

url += '?'

\} else \{

url += '&';

value = escape(value);

url += name + '=' + value;

return url;

// Extend the Tapestry.Initializer with a static method that instantiates an AjaxValidator.

Tapestry.Initializer.ajaxValidator = function(spec) \{

new AjaxValidator(spec);

AJAXValidators2.java

/\*\*

\* 项目名称：TapestryStart

\* 开发模式：Maven+Tapestry5.x+Tapestry-hibernate+Mysql

\* 网址： [http://www.flywind.org][http_www.flywind.org]

\* 版本：1.0

\* 编写：飞风

\* 时间：2012-02-29

\*/

package com.tapestry.app.pages;

public class AJAXValidators2 \{

private String firstName;

private String lastName;

public void set(String firstName, String lastName) \{

this.firstName = firstName;

this.lastName = lastName;

String\[\] onPassivate() \{

return new String\[\] \{ firstName, lastName \};

void onActivate(String firstName, String lastName) \{

this.firstName = firstName;

this.lastName = lastName;

public String getName() \{

return firstName + " " + lastName;

AJAXValidators2.tml

<html t:type="layout" title="tapestryStart Index" t:sidebarTitle="Framework Version"

xmlns:t="http://tapestry.apache.org/schema/tapestry\_5\_3.xsd" xmlns:p="tapestry:parameter">

你好， $\{name\}

</html>

转载于:https://my.oschina.net/shootercn/blog/55530

[2019_Python_]: https://my.oschina.net/u/2663968/blog/3061697
[hot3.png]: /images/20220114/75172ec898854cce85985347e5336c91.png
[http_www.flywind.org]: http://www.flywind.org/

第四十三讲：tapestry Ajax表单验证

发表评论取消回复

还没有评论，来说两句吧...

相关阅读

相关 jquery ajax 实现表单提交和验证表单

相关提交表单时，进行ajax验证

相关第十六课 Django 表单模型（四）

相关 tapestry集成ajax,Tapestry AJAX Throbber

相关表单动态验证之原生Ajax

相关 scala第十四讲：Map

相关 Springboot之Thymeleaf 表单标签（表单验证）|第三章-yellowcong

相关 SpringMVC+AJAX登录表单验证问题

相关第四十三讲：tapestry Ajax表单验证

相关 validate+jquery+ajax表单验证