JavaScript Tutorials
- What is Javascript?
- What is BOM?
- What is DOM?
- Variable
- check variable value is empty
- JavaScript Output
- Functions
- Javascript Events
- Input Events
- onchange Event
- Javascript Output methods
- If else statement
- Arrays
- Pattern Validation
- Form Validation
- Inner Html Form Validation
- Inline Form Validation
- Checkbox Validation
- Inline Inner Html Form Validation
- Server side php Validation
- Validate a HTML Form with PHP
- window and window location
- Get Text Value
- Get hidden field value
- JavaScript & PHP
- Date Format
- get php value in javascript
- Redirect page & Autoredirect page
- Auto Refresh page & Div
- How to get select text value from Dropdown box
- How to clear browser history in javascript
- Checkbox Problems
- Select option problems
- Popup Contact Form
- Sidebar Contact Form
- How to use a multistep Form or Form wizard
- Auto Calculate Price
- print Application Form
- Auto Calculate GST in Javascript by select price
- Calculate GST by input value in text box Jquery
- Calculate Discount
- onClick Checkbox
- autofil form data click on checkbox
- Show subcategory list
- Show city list as per state
- Show district list as per country and state
- Show good morning good night wish
- image upload with preview image
- Print Div Content
- Show modal popup on page load
- filter table data usign javascript.
- Character Limit Validation.
- Validate File 5MB Upload
- Validate Special character
- More File Upload
- Call JavaScript Function After Page Load
- Drop Down First option Value Disabled --- Please Select ---
- How to Disable Submit Button After Form Submission
- How to disable browser back button using Jquery?
- How to Remove selected item from second & third dropdown list?
- Interview Questions of JavaScript.
Important Link
File name : index.php
<h1>AutoFill Permanent address in temp address</h1>
<form>
<fieldset>
<legend><b>Permanent Address</b>
</legend>
<label for="primaryaddress">
Address:</label>
<input type="text"
name="Address"
id="primaryaddress"
required /><br />
<label for="primaryzip">Zip code:</label>
<input type="text"
name="Zip code"
id="primaryzip"
pattern="[0-9]{6}"
required /><br />
</fieldset>
<input type="checkbox"
id="same"
name="same"
onchange="addressFunction()" />
<label for="same">
If same secondary address select this box.
</label>
// Fields for secondary address
<fieldset>
<legend><b>Secondary Address</b></legend>
<label for="secondaryaddress">
Address:
</label>
<input type="text"
name="Address"
id="secondaryaddress"
required /><br />
<label for="secondaryzip">
Zip code:</label>
<input type="text"
name="Zip code"
id="secondaryzip"
pattern="[0-9]{6}"
required /><br />
</fieldset>
// Submit button in the form
<input type="submit"
value="Submit" />
</form>
// JavaScript Code
<script>
function addressFunction() {
if (document.getElementById(
"same").checked) {
document.getElementById(
"secondaryaddress").value =
document.getElementById(
"primaryaddress").value;
document.getElementById(
"secondaryzip").value =
document.getElementById(
"primaryzip").value;
} else {
document.getElementById(
"secondaryaddress").value = "";
document.getElementById(
"secondaryzip").value = "";
}
}
</script>
File name : index.php
File name : index.php