asked on

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

ASKER CERTIFIED SOLUTION

Sathish David Kumar N

membership

This solution is only available to members.

To access this solution, you must be a member of Experts Exchange.

Start Free Trial