Forum:

HTML Pages with CSS and JavaScript

problem with jsp for reset() method

Ranch Hand

Posts: 350

posted 14 years ago

Number of slices to send:

Optional 'thank-you' note:

Send

hi,
in my application...i had a modify page...im facing problem with reset() function...here is my code...can anyone provide me the solution

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<%@ page contentType="text/html; charset=iso-8859-1" language="java" import="java.sql.*" errorPage="" %>
<jsp:useBean id="packDetails" class="nxl.util.GprsPackDetails">
    <jsp:setProperty  name="packDetails" property="packName"  param="packName"/>
</jsp:useBean>
<%   packDetails.loadDetails(request); %>
<html>
    <head>
        <title> GPRS </title>
        <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
        <script type="text/javascript" src="/proj/script/mdetails.js"></script>
        <script type="text/javascript" src="/proj/script/psobit.js"></script>
        <script type="text/javascript" src="/proj/script/lowbalrtry.js"></script>
        <script type="text/javascript" src="/proj/script/multiAct.js"></script>
        <script type="text/javascript" src="/proj/script/autoRenew.js"></script>
        <script type="text/javascript" src="/proj/script/diffBalChk.js"></script>
 
    </head>
    <body bgcolor=#F0F8FF>
        <form name="frm" method="post" action="/proj/modify">
            <font color="#FFFFFF"></font>
            <input name="oldpackName" type="hidden" value="${packDetails.packDetails.generalPackDetails.packName}">
            <p align="center"> </p>
            <div style="background: #cf2255; width:'100%'" align="center">
                <font color="#ffffcc" size="12pt"><b> GPRS </b></font></div>
            <div style="background: #ffffcc; width:'100%'" align="center"/>
            <tr><td colspan="2"><center><h1><i><b><font color="#800000">GPRS Modify
                                    </font></b></i></h1></center></td></tr>
 
            <fieldset><legend>General</legend>
                <table>
                    <tr>
                        <td></td>
                        <td><font color="#800000"> </font><font color="#800000"><b>Pack Name</b></font>
                            <font color="#800000" size=""> </font></td>
                        <td><input name="packName" type="text" id="packName" value="${packDetails.packDetails.generalPackDetails.packName}"></td>
                        <td></td>
                        <td><font color="#800000"><b>Activation Status</b></font><font color="#800000" size=""><b></b></font><font color="#800000" size=""><b></b></font><font color="#800000" size=""> </font></td>
                        <td><input type="text" name="actStatus" id="actStatus" disabled value="${packDetails.packDetails.generalPackDetails.actStatus}"></td>
                        <td></td>
                        <td><font color="#800000"><b>De-Activation Status</b></font></td>
                        <td><input type="text" name="deactStatus" disabled value="${packDetails.packDetails.generalPackDetails.deactStatus}"></td>
                        <td></td>
                        <td><font color="#800000" size=""><b>Allow Post-Paid</b></font></td>
                        <td><select NAME="allowPostPaid" id="allowPostPaid">
                                <option value="TYPE,1:" ${packDetails.packDetails.generalPackDetails.allowPostPaid == 'TYPE,1:' ? 'selected' : ''}>Post and Pre-Paid</option>
                                <option value="TYPE,2:" ${packDetails.packDetails.generalPackDetails.allowPostPaid == 'TYPE,2:' ? 'selected' : ''}>Post-Paid</option>
                                <option value="NO" ${packDetails.packDetails.generalPackDetails.allowPostPaid == 'NO' ? 'selected' : ''}>No</option>
                            </select></td>
                        <td></td>
                    </tr>
 
 <td>
                            <input type="button" value="MODIFY" style="width: 80; height: 20; border: 1px solid #0000FF" onClick="login();">
                            <input type="reset" value="clear">
                        </td>
                    </tr>
                </center>
            </table>
        </form>
    </body>
</html>

Christophe Verré

Sheriff

Posts: 14691

I like...

posted 14 years ago

Number of slices to send:

Optional 'thank-you' note:

Send

im facing problem with reset() function

Which problem ? Can you explain your problem clearly ?

[My Blog]
All roads lead to JavaRanch

madhuri kunchala

Ranch Hand

Posts: 350

posted 14 years ago

Number of slices to send:

Optional 'thank-you' note:

Send

if i want to clear my form..it is not get cleared..'clear' button is not working...i had posted my jsp page...can you once check it..and provide me where i went wrong..

Christophe Verré

Sheriff

Posts: 14691

I like...

posted 14 years ago

Number of slices to send:

Optional 'thank-you' note:

Send

the "reset" input does not clear text fields. It resets them to their original value.

[My Blog]
All roads lead to JavaRanch

Jaikiran Pai

Sheriff

Posts: 10445

227

I like...

posted 14 years ago

Number of slices to send:

Optional 'thank-you' note:

Send

By the way, this looks like the same question as the other one you asked here https://coderanch.com/t/504642/HTML-JavaScript/reset-function

[My Blog] [JavaRanch Journal]

madhuri kunchala

Ranch Hand

Posts: 350

posted 14 years ago

Number of slices to send:

Optional 'thank-you' note:

Send

yes..it is related to jsp..so i posted in jsp forum..it contains javascript also..

Swastik Dey

Bartender

Posts: 2270

I like...

posted 14 years ago

Number of slices to send:

Optional 'thank-you' note:

Send

//way 1 if your button type is reset
[code]
<Script>
function clearFields(){
document.getElementById("t1").value="";
return false;
}
</Script>
<form>
<input type=text id="t1" value=Hello><br>
<input type=reset onClick="return a=clearFields()">
</form>

//way 2 if your button type is simple button

<Script>
function clearFields(){
document.getElementById("t1").value="";
}
</Script>
<form>
<input type=text id="t1" value=Hello><br>
<input type=button value="reset" onClick="clearFields()">
</form>

[code]

Swastik

madhuri kunchala

Ranch Hand

Posts: 350

posted 14 years ago

Number of slices to send:

Optional 'thank-you' note:

Send

i tried what you had given in Way2...it is not working....i got why it is not working...i had doubt that i had text fields,combo boxes, check boxes and textarea in my form..for clear of form in javascript for clear..i need to mention all id's or just simple the form name is enough...i tried using form id for clear of my form fields...here is the code..

<input type="reset" value="clear" onClick="clearFields()">

can you check it once...

Swastik Dey

Bartender

Posts: 2270

I like...

posted 14 years ago

Number of slices to send:

Optional 'thank-you' note:

Send

This wont work, because value is applicable to a component like text field, password field etc, not to the form.

Swastik

madhuri kunchala

Ranch Hand

Posts: 350

posted 14 years ago

Number of slices to send:

Optional 'thank-you' note:

Send

kk..i changed it to

eventhough it is not working...can you tell me inorder to clear the form which had default values is not possible am i right..

Swastik Dey

Bartender

Posts: 2270

I like...

posted 14 years ago

Number of slices to send:

Optional 'thank-you' note:

Send

The above will again trigger the default reset event, and only reset the fields not clear. Clearing form is possible, didn't you try this?

Swastik

madhuri kunchala

Ranch Hand

Posts: 350

posted 14 years ago

Number of slices to send:

Optional 'thank-you' note:

Send

i tried its working....can i implement in my forum..what is "a" in this--- ' onClick="return a=clearFields()" '

Swastik Dey

Bartender

Posts: 2270

I like...

posted 14 years ago

Number of slices to send:

Optional 'thank-you' note:

Send

The default behavior of submit button is to submit the form data, and reset button is to reset the form data so implicitly it calls document.form.reset(). Now to change it's behavior you need to pass a false value to it. So as per the code, clearForm method returns a false value which is assigned to variable a, which is further passed to the reset method.

Swastik

madhuri kunchala

Ranch Hand

Posts: 350

posted 14 years ago

Number of slices to send:

Optional 'thank-you' note:

Send

k...thanks for you help..i had another problem..in my form..i'll post it as another question...can you check it and provide me what to do...

Swastik Dey

Bartender

Posts: 2270

I like...

posted 14 years ago

Number of slices to send:

Optional 'thank-you' note:

Send

Just for a note, if you wish to clear multiple fields you can have a look on the following code snippet

I didn't exactly understand what exactly you mean by

in my form..i'll post it as another question.

Swastik

madhuri kunchala

Ranch Hand

Posts: 350

posted 14 years ago

Number of slices to send:

Optional 'thank-you' note:

Send

thanks..i'll try it ....not that what you are understanding...for check boxes im asking...i posted my problem..

Swastik Dey

Bartender

Posts: 2270

I like...

posted 14 years ago

Number of slices to send:

Optional 'thank-you' note:

Send

check box solution is already given in the code, give it a look.

Swastik

madhuri kunchala

Ranch Hand

Posts: 350

posted 14 years ago

Number of slices to send:

Optional 'thank-you' note:

Send

k..i'll try it and let me know the process

David Newton

Author

Posts: 12617

I like...

posted 14 years ago

Number of slices to send:

Optional 'thank-you' note:

Send

Swastik Dey wrote:The default behavior of submit button is to submit the form data, and reset button is to reset the form data so implicitly it calls document.form.reset(). Now to change it's behavior you need to pass a false value to it. So as per the code, clearForm method returns a false value which is assigned to variable a, which is further passed to the reset method.

But if you're not using the return value from the reset function there's no reason to assign it to a value--just return the results of the function execution. Otherwise it's just unnecessary clutter.

Swastik Dey

Bartender

Posts: 2270

I like...

posted 14 years ago