Go Premium for a chance to win a PS4. Enter to Win

x
  • Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 2384
  • Last Modified:

Dojo Form to Spring

Hi there,

I am new to dojo and spring. Recently I developed sample login code where the user enters user id and password to login. My code is working fine when I hard code the value and send it DB from Spring-->Hibernate.

But I am having problem in sending the parameters through user interface by AJAX calls and getting the response, I can't  send the request and get the response I am using DOJO framework for my front end.
<html>----
 
</script>
        <script type="text/javascript">
        
              function validate(value){
              var userId = dijit.byId("userId").getValue();
              if(userId == ""){
              console.log("UserName is empty");
              return;
              }
              var pswd = dijit.byId("pswd").getValue();
                if(pswd == ""){
              console.log("Password is empty");
              return;
              }
              return;
             };
function send(){
var userName = dijit.byId("userId").getValue();
dojo.xhrGet({
url: "hello.jhtml?userName=" +userName,
formName: "loginForm",
handleAs: "text",
handle: validationResponse,
error: Error
});
}
function Error(data, ioArgs) {
       alert("in the error function");
};
function reset(){
dijit.byId("userId").getValue()="";
dijit.byId("pswd").getValue()="";
};
</script>
<div id="dialog" title="Login" style="width:275px;height:85px;padding:10px;margin:10px;border:solid rgb(200,200,200) 1px;">
<!--      <form:form commandName= "loginForm" action="hello.jhtml" method="post" id="loginForm" >-->
        <div id="mainLoginHeader">
<div id="subLoginHeader">
<b>Please enter a valid user id</b>
</div>
<!-- End of subLoginHeader -->
<div class="spacing-div_10X0"/></div>   
<div id="userId">
          <b><label id="userId">User Id:&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; </label></b> 
          <input type="text" 
          name="login" 
          id="userId"
          tabindex="1"
          class="dijitInputField dijitInputFieldValidatorError dijitFormWidget"
          widgetId=userId"
          size="20"
          dojoType="dijit.form.ValidationTextBox" 
          trim="true"
          required="true"
          promptMessage="Enter the User ID"
          invalidMessage="User ID is required"
          onChange="validate(this.value)"
           />
	</div>
	<!-- End of userId -->
	<div id="userIdErrorMsg" dojoType="dijit.Tooltip">
	<input type="text"></div>
	<form:errors></form:errors>
	
<div class="spacing-div_5X0"/></div>   
<div id="pswd">     
          <b><label id="pswd">Password: </label></b>
          <input type="password" 
          name="login" 
          id="pswd"
          tabindex="2"
          class="dijitInputField dijitInputFieldValidatorError dijitFormWidget"
          widgetId=userId"
          size="20"
          dojoType="dijit.form.ValidationTextBox" 
          trim="true"
          required="true"
          promptMessage="Enter the Password"
          invalidMessage="Password is required"
          onChange="validate(this.value)"
           />
	</div>
	<!-- End of pswd -->
	<div class="spacing-div_5X0"/></div>
        <!-- button ok -->  
 <div id="Button" align="right">       
          <button dojoType="dijit.form.Button" type="submit" id="LoginButton" 
 onclick="send()">Log In</button>
 
 
 dispatcher-servlet.xml
 
  <bean id="loginFormController" name="/hello.html" class="LoginFormController">
   <property name="formView" value="jsp/main.jsp"/>  
 <property name="successView" value="success.jsp"/>  
 <property name="loginControllerService">
 <ref local="loginControllerService"/> 
 </property>
 <property name="validator">  
            <bean class="LoginValidator"/>  
        </property>  
  
</bean>
 
<bean id="loginControllerService" class="LoginController"> 
</bean>

Open in new window

0
theartha
Asked:
theartha
1 Solution
 
Sathish David Kumar NCommented:
dont use same id name !
in dojo they didnt accept same id name ...

in your code div id ="userId"  user input id also same so rename the id ..
0

Featured Post

What does it mean to be "Always On"?

Is your cloud always on? With an Always On cloud you won't have to worry about downtime for maintenance or software application code updates, ensuring that your bottom line isn't affected.

Tackle projects and never again get stuck behind a technical roadblock.
Join Now