Struts ajaxフォームの検証

Question

ajaxフォームの検証に問題があります。私はstruts-core 2.3.1.2、struts-jquery-plugin 3.3.0およびstruts-json-pluginを使用しています。

ajaxフォームによってajaxフォームが送信され、検証に失敗すると問題が発生します。その結果、フォーム全体がresult要素に配置されます。したがって、ajax sumbitボタンでajax検証を有効にすることができます。ここで http://code.google.com/p/struts2-jquery/wiki/Validation

も古い情報です：それはstruts-にアウトソースされるjsonValidationWorkflowStack seems to be removed in Struts 2.3.1

： http://struts.apache.org/2.2.3.1/docs/ajax-validation.html

しかし、ポストに書かれたように迎撃 "jsonValidationWorkflowStackは" ストラット-default.xmlの中で欠けていますjson-pluginをstruts-plugin.xmlに追加しました。私は私が直接これを使用することができますかわからないが、私はstruts.xmlで自分のスタックを構築：

<!-- Sample JSON validation stack --> 
<interceptor-stack name="jsonValidationWorkflowStack"> 
      <interceptor-ref name="basicStack"/> 
      <interceptor-ref name="validation"> 
       <param name="excludeMethods">input,back,cancel</param> 
      </interceptor-ref> 
      <interceptor-ref name="jsonValidation"/> 
      <interceptor-ref name="workflow"/> 
     </interceptor-stack> 
    </interceptors> 
<action name="updateMySettings" method="execute" class="de.ra.daod.actions.MyAppSettingAction"> 
     <interceptor-ref name="jsonValidationWorkflowStack"/> 
        <!-- This is not beauty within ajax --> 
     <result name="input">/WEB-INF/jsp/mysetting_ajax.jsp</result> 
     <result name="success" type="stream"> 
      <param name="contentType">text/html</param> 
      <param name="inputName">inputStream</param> 
     </result> 
    </action> 

そして、私のフォームは、次のようになります。

<s:head /> 
<sj:head /> 
    <!-- This files are needed for AJAX Validation of XHTML Forms --> 
    <script src="${pageContext.request.contextPath}/struts/xhtml/validation.js" type="text/javascript"></script> 

<s:form id="form" action="private/updateMySettings" theme="xhtml"> 
       <s:textfield id="screenRes" key="appSetting.screenResolution" label="Screen resolution" required="true" /> 
<s:select key="appSetting.screenDepth" label="Color depth" list="#{'8':'8','16':'16','24':'24'}" required="true" /> 
<sj:submit value="Update Settings" targets="status" validate="true"/> 
      </s:form> 

残念ながら私はJavaScriptを取得します検証に失敗した場合のエラー：

Uncaught TypeError: Object #<Object> has no method 'indexOf' 
f.extend.ajax jquery-1.7.1.min.js:4 
b.fn.ajaxSubmit 
a.struts2_jquery.validateForm jquery.struts2-3.3.0.min.js:18 
a.subscribeHandler.h.beforeSubmit jquery.struts2-3.3.0.min.js:18 
b.fn.ajaxSubmit 
a.subscribeHandler.e jquery.struts2-3.3.0.min.js:18 
e.extend.each jquery-1.7.1.min.js:2 
a.subscribeHandler.e jquery.struts2-3.3.0.min.js:18 
f.event.dispatch jquery-1.7.1.min.js:3 
f.event.add.h.handle.i jquery-1.7.1.min.js:3 
f.event.trigger jquery-1.7.1.min.js:3 
f.fn.extend.trigger jquery-1.7.1.min.js:3 
e.extend.each jquery-1.7.1.min.js:2 
e.fn.e.each jquery-1.7.1.min.js:2 
f.fn.extend.trigger jquery-1.7.1.min.js:3 
d.fn.extend.publish jquery.subscribe.min.js:16 
e.extend.each jquery-1.7.1.min.js:2 
d.fn.extend.publish jquery.subscribe.min.js:16 
(anonymous function) jquery.struts2-3.3.0.min.js:18 
f.event.dispatch jquery-1.7.1.min.js:3 
f.event.add.h.handle.i jquery-1.7.1.min.js:3 

応答のjsonオブジェクトは処理できないと思われますなぜ私は古い指示に従った原因を知っている。 Struts/utils.jsのStrutsUtils.getValidationErrors関数がjsonオブジェクトで使用されていてもわかりません。誰も助けることができますか？

Answer 1

あなたは解決のステップですStruts2 Issueです。最新のバージョン2.3.3または2.3.4にアップグレードすると、問題はなくなります。

Answer 2

ストリームの結果とajaxがうまく一緒に再生されないようです。ターゲット 属性を削除するだけです。 - jogep

AJAXのテナーが新しいページを読み込むのではなく、AJAXの送信ボタンを使用しているため、現在のページに何かをロードするので、私はあなたに同意しません。ページ自体を再読み込みせずにユーザーに通知する回避策は、javascriptを使用してstatus div要素の内容をクリアすることです。私はそれがstruts2-jquery-pluginで自動化できると思います。これは私のフォームで、タブ付きのペインに埋め込まれています。

<%@ page language="java" contentType="text/html; charset=UTF-8" 
pageEncoding="UTF-8"%> 
<%@ taglib prefix="s" uri="/struts-tags" %> 
<%@ taglib prefix="sj" uri="/struts-jquery-tags"%> 

<s:if test="appSetting != null"> 
<h3>Application settings</h3> 
<div id="status" class="welcome"></div> 
<table> 
    <tr> 
     <td> 
      <s:form id="form" action="updateMySettings" theme="xhtml"> 
       <s:textfield id="screenRes" key="appSetting.screenResolution" 
        label="Screen resolution" required="true" /> 
       <s:select key="appSetting.screenDepth" label="Color depth" 
        list="#{'8':'8','16':'16','24':'24'}" required="true" /> 
       <sj:submit id="updateSetting" value="Update Settings" targets="status" validate="true" /> 
      </s:form> 
     </td> 
     <td valign="top"> 
      <button id="fullScreen">Use full screen</button> 
      <button id="fullBrowser">Use full browser</button> 
     </td> 
    </tr> 
</table> 
<script> 
$("#fullScreen").click(function() { 
    scr_width = Math.max(screen.width,screen.height); 
    scr_height = Math.min(screen.width,screen.height); 
    $("#screenRes").val(scr_width + 'x' + scr_height); 
}); 
$("#fullBrowser").click(function() { 
    brw_width = Math.max(window.innerWidth, window.innerHeight); 
    brw_height = Math.min(window.innerWidth, window.innerHeight); 
    $("#screenRes").val(brw_width + 'x' + brw_height); 
}); 
$("#updateSetting").click(function() { 
    $("#status").empty(); 
}) 
</script> 
</s:if> 
<s:else> 
<p>No settings available.</p> 
</s:else> 

非常にうまくいきます。