Search jQuery

jQuery Forum

Screen name:
buzzamos

buzzamos's Profile

2 Posts

4 Responses

0 Followers

Activity Trend

Last 30 days

Loading Chart...

Show:

Expanded view
List view

reset form
[2Replies]
- 30-Dec-2012 06:09 PM
- Forum: Using jQuery
Hi Everyone, Below is my javascript for the form I have. Some of the functions showed are not being used because they were taken out of the form due to not being needed. However, I do need to have the "Reset" button function right and don't know the proper function for it. Can someone please help me out by showing me where it goes in my script. I am javascript/jQuery illiterate so please be specific. Thank you so much in advance.

<script type="text/javascript">

$(document).ready(function() {
$('#register').validate({
rules: { //rulls will go here
first_name: 'required',
last_name: 'required',
email: {required:true, email:true},
edd: {required:true, date:true},

},//end of rules

//start of messages
messages: {
email: {
required: "Please enter your primary email address.",
email: "The email you provided is not in the proper format."
}
}//end of messages
});

$(document).ready(function() {
//focus to the first name field.
$('#first_name').focus();

$('input[type=text]').focus(function() {
$(this).addClass('inputFocus');

});

$('input[type=text]').blur(function() {
$(this).removeClass('inputFocus');
}); // to be the end of focus function

//now I will attemp to hide the spouse's info text box if user is single.
$('#relationship').change(function() {
if($(this).val() == 'Single') {
$('#spouse_name').attr('disabled', true);
} else {
$('#spouse_name').attr('disabled', false);
}
}); //supposedly ends relationship function

//start new function here

}); //end of documentready
});
</script>

Here is my html for the form itself:

<form action="handle_form.php" method="post" name="register" id="register">
<p>
<label for="first_name" class="label">First Name:</label>
<input type="text" name="first_name" id="first_name" />
</p>
<p>
<label for="last_name" class="label">Last Name:</label>
<input type="text" name="last_name" id="last_name" />
</p>

<p>
<label for="street_address" class="label">Street Address:</label>
<input type="text" size="30" name="street_address" id="street_address" />
</p>

<p>
<label for="city" class="label">City:</label>
<input type="text" name="city" id="city" />
</p>

<p>
<label for="zip_code" class="label">Zip Code</label>
<input type="text" maxlenght="5" name="zip_code" size="5" id="zip_code" /> (5 digits)
</p>
<div id="selectstate">
<p>
<select id="state" name="state">
<option value="">Select One</option>
<optgroup label="U.S. States">
<option value="AK">Alaska</option>
<option value="AL">Alabama</option>
<option value="AR">Arkansas</option>
<option value="AZ">Arizona</option>
<option value="CA">California</option>
<option value="CO">Colorado</option>
<option value="CT">Connecticut</option>
<option value="DC">District of Columbia</option>
<option value="DE">Delaware</option>
<option value="FL">Florida</option>
<option value="GA">Georgia</option>
<option value="HI">Hawaii</option>
<option value="IA">Iowa</option>
<option value="ID">Idaho</option>
<option value="IL">Illinois</option>
<option value="IN">Indiana</option>
<option value="KS">Kansas</option>
<option value="KY">Kentucky</option>
<option value="LA">Louisiana</option>
<option value="MA">Massachusetts</option>
<option value="MD">Maryland</option>
<option value="ME">Maine</option>
<option value="MI">Michigan</option>
<option value="MN">Minnesota</option>
<option value="MO">Missouri</option>
<option value="MS">Mississippi</option>
<option value="MT">Montana</option>
<option value="NC">North Carolina</option>
<option value="ND">North Dakota</option>
<option value="NE">Nebraska</option>
<option value="NH">New Hampshire</option>
<option value="NJ">New Jersey</option>
<option value="NM">New Mexico</option>
<option value="NV">Nevada</option>
<option value="NY">New York</option>
<option value="OH">Ohio</option>
<option value="OK">Oklahoma</option>
<option value="OR">Oregon</option>
<option value="PA">Pennsylvania</option>
<option value="PR">Puerto Rico</option>
<option value="RI">Rhode Island</option>
<option value="SC">South Carolina</option>
<option value="SD">South Dakota</option>
<option value="TN">Tennessee</option>
<option value="TX">Texas</option>
<option value="UT">Utah</option>
<option value="VA">Virginia</option>
<option value="VT">Vermont</option>
<option value="WA">Washington</option>
<option value="WI">Wisconsin</option>
<option value="WV">West Virginia</option>
<option value="WY">Wyoming</option>
</optgroup>
</select>
</p>

</div>



<p>
<label for="email" class="label">Email:</label>
<input type="text" name="email" id"email"/>
</p>


<p>
<label for="phone" class="label">Phone?</label>
<input type="text" name="phone" id="phone" />
</p>
<p>
<label for="fax" class="label">Fax?</label>
<input type="text" name="fax" id="fax" />
</p

><p>
<label for="comments" class="label">Any additional comments? </label>
<textarea name="comments" size"30" rows="4" id="comments"></textarea>
</p>
<p>
<input type="submit" name="submit" id="submit" value="Submit" /><input type="reset" value="Reset" id="wilder_Contact_Reset" />
</p>


</form>

Collapse all fields on jQuery accordion?
[6Replies]
- 10-Nov-2012 03:38 AM
- Forum: Using jQuery
Hi Everyone, I have a basic jQuery accordion on a website, but I would like to know how to have all the fields collapsed when someone enters the page instead of the first one being open. Can anyone show me the right function or script to do that please. I am very unfamiliar with jQuery language so could you please show me how it would go in my script, which is below. Thank you very much.

<script type="text/javascript">
$(document).ready(function() {
// Accordion
$("#accordion").accordion({ header: "h3" });
//tabs
$('#tabs').tabs({
fx: {opacity:'toggle', duration: 'fast'}
});

}); //end of document ready

Here is the basic html used for the script:

<div id="accordion">
<h3><strong><a href="#">Nitrous sedation for any procedure the patient is nervous about. </a></strong></h3>
<div>
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci.
</div>
<h3><strong><a href="#">Whitening </a></strong></h3>
<div>
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci. </div>
</div>

«Prev
Next »

Response title

Attachments

jQuery Forum

Activity Trend