2
我有个小面以下形式：JSF错误消息和程序卡住了。 JSON解析错误和primefaces
<h:form styleClass="registrationForm">
<h:panelGrid columns="3" cellpadding="5" style="width:600px">
<h:outputLabel for="registerLogin" styleClass="registerLabel" value="Логин: " />
<p:inputText id="registerLogin" styleClass="registerText" value="#{register.login}"
required="true" requiredMessage="Введите Логин" />
<h:panelGrid width="200">
<p:message for="registerLogin" />
</h:panelGrid>
<h:outputLabel for="registrationPassword" styleClass="registerLabel" value="Пароль: " />
<p:password id="registrationPassword" styleClass="registerText" feedback="true" promptLabel="Введите пароль" weakLabel="Слабый пароль"
goodLabel="Нормальный пароль" strongLabel="Сложный пароль" value="#{register.password}"
required="true" requiredMessage="Введите Пароль" />
<h:panelGrid width="200">
<p:message for="registrationPassword" />
</h:panelGrid>
<h:outputLabel for="registrationMail" styleClass="registerLabel" value="Адрес эл. почты: " />
<p:inputText id="registrationMail" styleClass="registerText" value="#{register.email}"
required="true" requiredMessage="Введите Адрес Почты" >
<f:validateRegex pattern="^[_A-Za-z0-9-\+]+(\.[_A-Za-z0-9-]+)*@[A-Za-z0-9-]+(\.[A-Za-z0-9]+)*(\.[A-Za-z]{2,})$" />
</p:inputText>
<h:panelGrid width="200">
<p:message for="registrationMail" />
</h:panelGrid>
<h:outputLabel for="registrationSex" styleClass="registerLabel" value="Пол: " />
<p:selectOneRadio id="registrationSex" value="#{register.sex}">
<f:selectItem itemLabel="М" itemValue="male" />
<f:selectItem itemLabel="Ж" itemValue="female" />
</p:selectOneRadio>
<h:outputText value="" />
<h:outputLabel for="registrationName" styleClass="registerLabel" value="Отображаемое имя: " />
<p:inputText id="registrationName" styleClass="registerText" value="#{register.name}"
required="true" requiredMessage="Ведите Имя" />
<h:panelGrid width="200">
<p:message for="registrationName" />
</h:panelGrid>
<h:outputLabel for="registrationCalendar" styleClass="registerLabel" value="Дата рождения: " />
<p:calendar id="registrationCalendar" size="24" navigator="true" yearRange="-68"
locale="ru" effect="explode" value="#{register.birthdate}"
required="true" requiredMessage="Введите Дату Рождения" />
<h:panelGrid width="200">
<p:message for="registrationCalendar" />
</h:panelGrid>
<h:outputLabel for="registrationConfirm" styleClass="registerLabel" value="" />
<p:commandButton id="registrationConfirm" value="Зарегистрироваться" styleClass="registerButton"
actionListener="#{register.processRegistration}" update=":loginField :content :title" onclick="changeHeader()" />
</h:panelGrid>
</h:form>
而下面的支持bean：
@ManagedBean
@RequestScoped
public class Register {
@PersistenceContext(unitName="EnglishOnline")
private EntityManager em;
@Resource
UserTransaction utx;
@ManagedProperty(value="#{login}")
private Login loginbean;
@ManagedProperty(value="#{navigationBean}")
private NavigationBean nav;
private String name;
private Sex sex;
private Date birthdate;
private String email;
private String login;
private String password;
...getters and setters ...
public void setLoginbean(Login log) {
this.loginbean = log;
}
public void setNav(NavigationBean nav) {
this.nav = nav;
}
public void processRegistration(ActionEvent event) throws Exception {
User user = new User();
user.setLogin(login);
user.setPassword(password);
user.setEmail(email);
user.setName(name);
user.setBirthdate(birthdate);
user.setSex(sex);
user.setRegistrationdate(new Date());
TypedQuery<User> query = em.createQuery("SELECT u FROM User u WHERE u.login = :uLogin OR u.email = :mail", User.class);
query.setParameter("uLogin", user.getLogin());
query.setParameter("mail", user.getEmail());
List<User> users = query.getResultList();
if (users.size() != 0) {
FacesContext.getCurrentInstance().addMessage(null, new FacesMessage("Ошибка", "Пользователь с таким логином или почтовым адресом уже существует!"));
} else {
utx.begin();
em.persist(user);
utx.commit();
loginbean.setUser(user);
nav.setHeader("Главная");
nav.setAddress("templates/start.xhtml");
}
}
}
当我点击一次的注册按钮，错误信息出现一些字段，那么我不能再注册了。我的意思是，如果我设法在没有验证错误的情况下立即注册，那么一切正常......但是如果出现任何验证消息，则程序将停止响应 - 即使我更改了字段值，注册按钮也无法被点击并出错消息不再消失。 出了什么问题？
当我做同样的动作时：第一次提交表单时，用空字段验证进行并且控制台中出现“验证”字样。但是随后的请求甚至Validator都不会启动 - 它只是不再打印任何东西。有任何想法吗？至于JavascriptMistakes：
Problem: SyntaxError: JSON.parse: unexpected non-whitespace character after JSON data
: http://localhost:8080/EnglishOnline/javax.faces.resource/jquery/jquery.js.jsf?ln=primefaces
没有什么可疑的。
PPS。从服务器返回以下响应：
<?xml version='1.0' encoding='UTF-8'?>
<partial-response><changes><update id="loginField"><![CDATA[<div id="loginField">
<form id="j_idt12" name="j_idt12" method="post" action="/EnglishOnline/index.jsf" class="login_form" enctype="application/x-www-form-urlencoded">
<input type="hidden" name="j_idt12" value="j_idt12" />
<span id="j_idt12:j_idt13"></span><script id="j_idt12:j_idt13_s" type="text/javascript">$(function(){PrimeFaces.cw('Growl','widget_j_idt12_j_idt13',{id:'j_idt12:j_idt13',sticky:false,life:1500,escape:true,msgs:[]});});</script><label for="j_idt12:login">
Логин: </label><input id="j_idt12:login" name="j_idt12:login" type="text" value="" class="ui-inputfield ui-inputtext ui-widget ui-state-default ui-corner-all login_field" /><script id="j_idt12:login_s" type="text/javascript">PrimeFaces.cw('InputText','widget_j_idt12_login',{id:'j_idt12:login'});</script><label for="j_idt12:password">
Пароль: </label><input id="j_idt12:password" name="j_idt12:password" type="password" class="ui-inputfield ui-password ui-widget ui-state-default ui-corner-all login_field" /><script id="j_idt12:password_s" type="text/javascript">$(function(){PrimeFaces.cw('Password','widget_j_idt12_password',{id:'j_idt12:password'});});</script><button id="j_idt12:j_idt16" name="j_idt12:j_idt16" class="ui-button ui-widget ui-state-default ui-corner-all ui-button-text-only login_button" onclick="PrimeFaces.ab({source:'j_idt12:j_idt16',update:'loginField'});return false;" type="submit"><span class="ui-button-text">Войти</span></button><script id="j_idt12:j_idt16_s" type="text/javascript">PrimeFaces.cw('CommandButton','widget_j_idt12_j_idt16',{id:'j_idt12:j_idt16'});</script>
</form><a id="j_idt20" href="#" class="ui-commandlink register_link" onclick="changeHeader();PrimeFaces.ab({source:'j_idt20',update:'content title'});return false;">Регистрация</a></div>]]></update><update id="title"><![CDATA[<span id="title">Регистрация</span>]]></update><update id="content"><![CDATA[<span id="content"><div class="registrationPanel">
<form id="registrationForm" name="registrationForm" method="post" action="/EnglishOnline/index.jsf" class="registrationForm" enctype="application/x-www-form-urlencoded">
<input type="hidden" name="registrationForm" value="registrationForm" />
<table cellpadding="5">
<tbody>
<tr>
<td><label for="registrationForm:registrationLogin" class="registerLabel">
Логин: </label></td>
<td><input id="registrationForm:registrationLogin" name="registrationForm:registrationLogin" type="text" value="" class="ui-inputfield ui-inputtext ui-widget ui-state-default ui-corner-all ui-state-error registerText" /><script id="registrationForm:registrationLogin_s" type="text/javascript">PrimeFaces.cw('InputText','widget_registrationForm_registrationLogin',{id:'registrationForm:registrationLogin'});</script></td>
</tr>
<tr>
<td><label for="registrationForm:registrationPassword" class="registerLabel">
Пароль: </label></td>
<td><input id="registrationForm:registrationPassword" name="registrationForm:registrationPassword" type="password" class="ui-inputfield ui-password ui-widget ui-state-default ui-corner-all registerText" /><script id="registrationForm:registrationPassword_s" type="text/javascript">$(function(){PrimeFaces.cw('Password','widget_registrationForm_registrationPassword',{id:'registrationForm:registrationPassword',feedback:true,inline:false,promptLabel:'Введите пароль',weakLabel:'Слабый пароль',goodLabel:'Нормальный пароль',strongLabel:'Сложный пароль'});});</script></td>
</tr>
<tr>
<td><label for="registrationForm:registrationMail" class="registerLabel">
Адрес эл. почты: </label></td>
<td><input id="registrationForm:registrationMail" name="registrationForm:registrationMail" type="text" value="" class="ui-inputfield ui-inputtext ui-widget ui-state-default ui-corner-all registerText" /><script id="registrationForm:registrationMail_s" type="text/javascript">PrimeFaces.cw('InputText','widget_registrationForm_registrationMail',{id:'registrationForm:registrationMail'});</script></td>
</tr>
<tr>
<td><label for="registrationForm:registrationSex" class="registerLabel">
Пол: </label></td>
<td><table id="registrationForm:registrationSex" class="ui-selectoneradio ui-widget"><td><div class="ui-radiobutton ui-widget"><div class="ui-helper-hidden-accessible"><input id="registrationForm:registrationSex:0" name="registrationForm:registrationSex" type="radio" value="male" /></div><div class="ui-radiobutton-box ui-widget ui-corner-all ui-radiobutton-relative ui-state-default"><span class="ui-radiobutton-icon"></span></div></div></td><td><label for="registrationForm:registrationSex:0">М</label></td><td><div class="ui-radiobutton ui-widget"><div class="ui-helper-hidden-accessible"><input id="registrationForm:registrationSex:1" name="registrationForm:registrationSex" type="radio" value="female" checked="checked" /></div><div class="ui-radiobutton-box ui-widget ui-corner-all ui-radiobutton-relative ui-state-default ui-state-active"><span class="ui-radiobutton-icon ui-icon ui-icon-bullet"></span></div></div></td><td><label for="registrationForm:registrationSex:1">Ж</label></td></table><script id="registrationForm:registrationSex_s" type="text/javascript">$(function(){PrimeFaces.cw('SelectOneRadio','widget_registrationForm_registrationSex',{id:'registrationForm:registrationSex'});});</script></td>
</tr>
<tr>
<td><label for="registrationForm:registrationName" class="registerLabel">
Отображаемое имя: </label></td>
<td><input id="registrationForm:registrationName" name="registrationForm:registrationName" type="text" value="" class="ui-inputfield ui-inputtext ui-widget ui-state-default ui-corner-all registerText" /><script id="registrationForm:registrationName_s" type="text/javascript">PrimeFaces.cw('InputText','widget_registrationForm_registrationName',{id:'registrationForm:registrationName'});</script></td>
</tr>
<tr>
<td><label for="registrationForm:registrationCalendar" class="registerLabel">
Дата рождения: </label></td>
<td><span id="registrationForm:registrationCalendar"><input id="registrationForm:registrationCalendar_input" name="registrationForm:registrationCalendar_input" type="text" class="ui-inputfield ui-widget ui-state-default ui-corner-all" size="24" /></span><script id="registrationForm:registrationCalendar_s" type="text/javascript">$(function(){PrimeFaces.cw('Calendar','widget_registrationForm_registrationCalendar',{id:'registrationForm:registrationCalendar',popup:true,locale:'ru',dateFormat:'dd.mm.y',yearRange:'-68',changeMonth:true,changeYear:true,showAnim:'explode',duration:'normal'});});</script></td>
</tr>
<tr>
<td><label for="registrationForm:registrationConfirm" class="registerLabel">
</label></td>
<td><button id="registrationForm:registrationConfirm" name="registrationForm:registrationConfirm" class="ui-button ui-widget ui-state-default ui-corner-all ui-button-text-only registerButton" onclick="PrimeFaces.ab({source:'registrationForm:registrationConfirm',process:'registrationForm',update:'loginField content title registrationForm'});return false;" type="submit"><span class="ui-button-text">Зарегистрироваться</span></button><script id="registrationForm:registrationConfirm_s" type="text/javascript">PrimeFaces.cw('CommandButton','widget_registrationForm_registrationConfirm',{id:'registrationForm:registrationConfirm'});</script></td>
</tr>
</tbody>
</table>
<div id="registrationForm:j_idt46" class="ui-message-error ui-widget ui-corner-all"><span class="ui-message-error-icon"></span><span class="ui-message-error-detail">registrationForm:registrationLogin: Validation Error: Value is required.</span></div>
</form></div></span>]]></update><update id="javax.faces.ViewState"><![CDATA[-7975648054570174914:1199185624285089158]]></update><extension ln="primefaces" type="args">{"validationFailed":true}</extension><extension ln="primefaces" type="args">{"validationFailed":true}</extension></changes></partial-response>
P {3，} S。如果我们看一下这一行：
<extension ln="primefaces" type="args">{"validationFailed":true}</extension>
<extension ln="primefaces" type="args">{"validationFailed":true}</extension>
它应该被调用2次吗？这可能是由于我的部署中的某个地方，Primefaces库被引用了2次？
你是什么意思的注册按钮不能被点击？页面是否被提交？你能检查是否有任何Javascript错误？ – Apurv 2013-02-15 09:29:55
我的意思是processRegistration方法不再被触发。当我输入正确的数据时，错误消息不会更新。应用程序的所有按钮都会冻结（停止工作）。我没有检查任何javascript错误（生病后稍后 - 感谢这个想法），但没有服务器端错误，actionListener方法根本没有触发（或触发，但没有记录） – 2013-02-15 10:23:16
如果发生JavaScript错误在处理请求期间，整个JavaScript上下文完全停止工作。这也影响ajax提交（因为它们是由JavaScript执行的）。你需要弄清楚为什么你得到了这个JSON解析错误。一旦你解决了这个问题，那么阿贾克斯应该照常继续工作。根据迄今提供的信息，无法指出JSON解析错误的原因。首先，您可以查看HTTP流量监视器并在您的问题中复制验证失败请求的整个HTTP响应吗？ – BalusC 2013-02-17 02:52:18