|
JavaScript - Guidance On Required Field If Check Box
Hello all.
I need to use javascript to validate 6 text inputs to make sure data is entered and they are not empty. However, there is a checkbox above this and if the checkbox is checked I need these areas to NOT validate as they become optional at that point. Here is what I have: Code: function validateCheckbox() {
if(document.forms["form1"].sales.checked) {
if(document.forms["form1"].input1.value.length < 1) { // x
return false;
}
else {
return true;
}
}
}
The above is if the box is checked to validate the field. I want it to do the opposite. How would you do the above with the If statement referring if the check box is NOT checked? And how could I add more fields to check then just one? I am new to javascript so any help or guidance is appreciated. Similar Tutorialsi need help with the following problem : I installed a new extension on my website , that allows a customer to select a delivery date, by displaying a table where he chooses a date. The script works perfectly but has 1 big downside . I can't make it a *required field . I am running a flower shop so delivery date is mandatory. anyways, i want to know if i can set it to mandatory modifying this code.. Code: <?php
class MagentoTeam_Ddc_Block_Form extends Mage_Checkout_Block_Onepage_Abstract{
protected $delivery_date;
protected $customer_comment;
public function getDeliveryDate(){
if(is_null($this->delivery_date)){
$this->delivery_date = $this->getCheckout()->getQuote()->getDeliveryDate();
}
return $this->delivery_date;
}
public function getCustomerComment(){
if(is_null($this->customer_comment)){
$this->customer_comment = $this->getCheckout()->getQuote()->getCustomerComment();
}
return $this->customer_comment;
}
public function getConfigData($node){
return Mage::getStoreConfig(sprintf('magentoteam_ddc/%s', $node));
}
public function getFirstDay(){
return intval(Mage::getStoreConfig('general/locale/firstday'));
}
}
thank you in advance! Here is my validation script from dreamweaver i also have it in php for server side. But I trying to get a checkbox to make a text field required when you select it. Right now I have it so when you hit submit whether the text field is filled out or whether the checkbox is selected or not the error message comes up no matter what i do please help. the link to the page is http://www.mark-10.com/inquiries2 Code: function validateCheckbox() {
if(document.forms["form1"].sales.checked) {
if(document.forms["form1"].telephone.value.length < 12) { // xxx-xxx-xxxx
return false ;
}
else {
return true;
}
}
}
function MM_validateForm() { //v4.0
if (document.getElementById){
var i,p,q,nm,test,num,min,max,errors='',args=MM_validateForm.arguments;
for (i=0; i<(args.length-2); i+=3) { test=args[i+2]; val=document.getElementById(args[i]);
if (val) { nm=val.name; if ((val=val.value)!="") {
if (test.indexOf('isEmail')!=-1) { p=val.indexOf('@');
if (p<1 || p==(val.length-1)) errors+='- '+nm+' must contain an e-mail address.\n';
} else if (test!='R') { num = parseFloat(val);
if (isNaN(val)) errors+='- '+nm+' must contain a number.\n';
if (test.indexOf('inRange') != -1) { p=test.indexOf(':');
min=test.substring(8,p); max=test.substring(p+1);
if (num<min || max<num) errors+='- '+nm+' must contain a number between '+min+' and '+max+'.\n';
} } } else if (test.charAt(0) == 'R') errors += '- '+nm+' is required.\n'; }
}
if(!validateCheckbox()) {
errors+="If checkbox checked, please include telephone number";
}
if (errors) alert('The following error(s) occurred:\n'+errors);
document.MM_returnValue = (errors == '');
} }
//-->
Hi, I'm having a problem trying to get my html web form to work. I have a list of 8 radio button options for people to choose one option with the last option being other - and then I want if the user clicks other that the text field box next to it becomes a required field and the form will not submit until this text field is filled in. If the user selects one of the other radio button options then the text field is not compulsory. I am using a linked javascript validation file which checks that all fields on the form which I have stated as required - become required, but I am having problems getting this "Other" button and text field to work with it all and not have the submit continue without this text field being completed! any help would really be appreciated! Thanks in advance! Hi to all, I need some help checking a date field with javascript, I need to veryfy that the date introduced is not previous from today so when the submit button is clicked an alert comes up: "Date can't be previous from today" the date is compared with a PHP variable with de date from server "$todays_date" in 31/12/2011 format. Code: if (frm.date.value [is previous from] $todays_date)
{
alert('Date can't be previous from today')
frm.date.focus()
return false
}
Any help?? Thanks Hey Guys, I have the following hidden field within a form: Code: <input type="hidden" name="test12" value="test12" /> I also have the following function which does something if that field exists: Code: if(document.formName.test12.value == "thisdata")
{
//do something
}
The problem I'm having is that if the hidden field doesn't display (which based on conditional logic, sometimes happens), a JS error is thrown on the page. What is the best way to carry out this check effectively without throwing an error if the field does not exist? Thanks in advance. What I'm trying to do is check if a field (number) is blank or not. If it is filled perform validation on the remaining fields. If not filled let the user submit.The JavaScript is currently being testing in SharePoint 2007. Below is a sample of my initial code. In firebug "techIdValue" is currently returned as not defined. If some can help me identify why this is the case I would greatly appreciate it. If it matters I have included and referenced jquery prior to the code sample below. Code: //run validation only if the Tech ID is filled
var techId = 'input[name*ff34_1]:number';
var techIdValue = $("#techId").val();
alert(techIdValue);
alert('1');
if(isNaN(techIdValue) == false)
{
function PreSaveAction() // this hooks into the PreSaveAction function which is called in the clicking of the "Ok" button.
{
var overall = 'input[name*=ff1_1]:text';
var overallValue = $("#overall").val();
//Check if Overall is Not Started and Schedule or Budget or Resources are Complete
if(getTargetMatch('Overall', 'select', new Array('Not Started'))== true)
{
My Javascript doesn't display an error when the "bid" field is blank but I want it to. Can someone help me fix it? Everything else works okay but I'm not a Javascript programmer so I don't know where to begin. Code: function checkBid(fieldName,minValue,maxValue){
var numberfield = fieldName;
if (chkNumeric(fieldName,minValue,maxValue) == false){
numberfield.select();
numberfield.focus();
return false;
}
else{
return true;
}
}
function chkNumeric(fieldName,minValue,maxValue){
var checkOK = "0123456789";
var checkStr = fieldName;
var allValid = true;
var decPoints = 0;
var allNum = "";
for (i = 0; i < checkStr.value.length; i++){
ch = checkStr.value.charAt(i);
for (j = 0; j < checkOK.length; j++)
if (ch == checkOK.charAt(j))
break;
if (j == checkOK.length){
allValid = false;
break;
}
if (ch != ",")
allNum += ch;
}
if (!allValid){
alertsay = "The bid field contains one or more invalid characters:\nPlease use only numeric digits in this field ...\n "
alert(alertsay);
return (false);
}
var chkVal = allNum;
var prsVal = parseInt(allNum);
if (chkVal != "" && !(prsVal >= minValue && prsVal <= maxValue)){
alertsay = "Your bid value is outside the acceptable bidding range:\nPlease enter a value from "+minValue+" to "+maxValue+" ...\n "
alert(alertsay);
return (false);
}
}
Hi Guys, I noticed a feature on http://zendesk.com and other places around the net, where on zendesk the top horizontal nav bar kind of stays at the top of the screen once you have scrolled down the page a little bit. Please take a look at it. I really would like to learn how to do it, but I haven't got a clue what it would be called. I assume its done in javascript since its using DOM. Can anyone help me with either a name or a good tutorial on how to do it? That would be super! Thanks in advance. Hi, I'm currently building a website at the moment & I have a feature on the page that I would like to perform a nice slideshow. However, its not just in a single square frame, i've made it nice and complicated for myself that i've kind of got myself in a muddle trying to work out the best way of going about this feature. Below is an image that'll hopefully save me from babbling too much. So as you can see, in photoshop i've used masking on the images to produce the effect. So at the moment, two images are showing...each taking up four of these rectangles. I'd like every 7 seconds lets say, for both images to slide off and two more to replace them. Whats the best way to do this? As i'm wanting to use jquery/javascript for this feature. thanks for any advice. Hi All, I am working on a page with a webform and a subform. I have two related tables where my main form will populate the one side of the relationship and the subform will be for the many side. I am thinking about using an HTML table to hold my subform fields with javascript to dynamically add rows for additional records. I am having trouble with the design of the form processing script, however as since the index on the parent record does not exist at the time of processing I can't think of a way to populate the link field for the child records. The only thing I can think of is to have my page's onload event create a "blank" record (generating the index and storing it in a hidden field) and then essentially make the proceesing script be an update rather than a create. This of course would involve creating some sort of delete function if the user leaves the page without submiting the form. I am not sure this is the best approach but it is all I can come up with. I am open to any ideas or guidance from the community on either my subform idea or processing script idea and I thank you in advance. Kind regards, Ken Hello, I have a specific need in javascript. Can I be guided in this context if its possible or not??? I am using virtuemart extension in joomla to make an ecommerce website. I will try to explain my requirement with the example. Following is the sample category tree with number. 1.0 .....1.1 ..........1.1.1 ..........1.1.2 .....1.2 ..........1.2.1 ..........1.2.2 .....1.3 ..........1.3.1 ..........1.3.2 2.0 .....2.1 ..........2.1.1 ..........2.1.2 .....2.2 ..........2.2.1 ..........2.2.2 .....2.3 ..........2.3.1 ..........2.3.2 Now I have a drop down main menu as 1.0 and 2.0. I want that when i click on 1.0 all the nodes of 1.0 should be opened and 2.0 should be closed and similarly when i click on 2.0 all its child nodes should be opened and 1.0 should be closed. What happen with most extensions is that at a time only one child is opened. If i click on 1.0 then only 1.1 or 1.2 or 1.3 will remain open at a time. Does this kind of customization can be done or is available in javascript .... I hope i will be helped... Thanks a lot for the time. hiiii, im new to javascripts . Can anyone help me to know that a javascript which is validating a phone number accepts only digits but if the text field is left empty it should accept the entry as an empty entry.... plz share knowledge u will be more knowledgeable Hi folks. Looking to see if anyone could tell me where I'm going wrong with this script... I'm trying to have a field automatically filled with the day of the week ("Monday", "Tuesday", "Wednesday" and so on), upon the user selecting a date from the datepicker jQuery. If this isn't clear, I'll clarify further down the page. Here is the script: Code: <script type="text/javascript">
jQuery(document).ready(function($){
$('input[name="item_meta[428]"]').change(function(){
var d = $('input[name="item_meta[428]"]').val();
var n = new Date(d).getDay();
if(n == 0)
val v = 'Sunday';
else if(n == 1)
val v = 'Monday';
else if(n == 2)
val v = 'Tuesday';
else if(n == 3)
val v = 'Wednesday';
else if(n == 4)
val v = 'Thursday';
else if(n == 5)
val v = 'Friday';
else if(n == 6)
val v = 'Saturday';
$('input[name="item_meta[429]"]').val(v).change();
});
});
</script>
I'm basically trying to say, if the user selected today (15/05/2012) in the field 428 it would fill the field 429 with "Tuesday". Again, if the user selected 18/05/2012 in the field 428 then it would automatically fill field 429 with "Friday". It's being done to work in conjunction with a wordpress plugin called Formidable Pro hence the item_meta[428] etc. Any assistance would be greatly appreciated. Sam. I have a text field, call it income, that when the input is > 0 I need to dynamically show the next text box, and if it is blank hide the next text box. I would like to use onBlur but can't seem to get it to work. Can I do this? Help On this webpage http://www.corkdiscos.com/testimonials.html i have a like button. when a user clicks like a comment box appears. when i unlike the button the comment box disappears this is ok but when a user has already liked the facebook page and comes to my webpage the comment box does not show. so im looking for a piece of javascript to check if a user has like the button on my page and if so to show the comment box. please check my source code of the website http://www.corkdiscos.com/testimonials.html to see what i have so far. any help would be greatly appreciated Hi guys. I'm working a bunch of pre existing code on a CMS. Just after a quick fix. Doing a show/hide thing on a particular div somewhere on the page depending if a checkbox is ticked or not. Currently there is 3 checkboxes that are dynamically added through the CMS. Here's simplified version of the form: Code: <form id="simplesearch" name="simplesearch"> <input type="checkbox" onclick='showhidefield(this.value)' name="meta_data_array_search_criteria[custom_profile_type][]" value="5" class="input-checkboxes" /> <input type="checkbox" onclick='showhidefield(this.value)' name="meta_data_array_search_criteria[custom_profile_type][]" value="4" class="input-checkboxes" /> </form> And here's the javascript I was playing with. Code: function showhidefield(id)
{
if(document.simplesearch.meta_data_array_search_criteria[custom_profile_type][''].checked) {
document.getElementById("profile_fields_wrapper_" + id).style.visibility = "visible";
}
else
{
document.getElementById("profile_fields_wrapper_" + id).style.visibility = "hidden";
}
}
Problem I'm having is how do i do a check to see if those checkboxes are checked in the javascript with those name arrays? How do i separate them? 'm guessing I have to loop through them or something?Hopefully that make senses - it's late here and I'm losing the plot Any pointers would be gratefully welcomed Hi Experts, I have designed an online registration system for a non profit in ASP/SQL. After the members register for classes they are automatically redirected to an invoice page with class fees. At the bottom of the page I have a Total Fees field of all the classes. The member is supposed to pay this amount to our organization. Question: We decided to do an online payment this year and would like to calculate a 2% additional amount on the Total Fees. This amount is paid to the Payment Merchant site. We cannot afford to lose the 2% since we are a non profit. Would really appreciate if someone can tell me how to 1) Add a new field under the Total field 2) And calculate the 2% additional fees and do a Grand Total. Thanks in advance. I have two drop down fields. When I select any value in the first drop down i want the second dropdown to automatically populate the value related to the first one. For e.g i have the first field as name and the second field as measured in. If I select 'Potato' in the first dropdown then the second drop down should populate 'kg'. Please help.
So on my page I have aspanels that are containing different content. Also I have a nav menu to the left... What I am trying to have happen is when you select a link it fires the serverside and client side scripts (which "seems" to be working) and essentially make the nav menu a "autohide-type" tool bar and then give the iframe more space to display the page. then whenever you hover over the "autohide bar" it will resixe the iframe smaller and the menu larger so you can click and so on... So the problem I am having (I've figured out how to fire both side's codes) is that when I am debugging my breakpoints are saying there is no object... below is the simple js I'm trying to use Code: function autohide() {
document.getElementById('hidebar').style.display = "block";
document.getElementById('pan_actframe').style.width = "978px";
}
I put the 's in at the suggestion of another colleague but originally had the normal getElementById(hidebar) etc... so what is really wierd is with the 's I get the warning (at my breakpoint regarding hidebar) that "Microsoft JScript runtime error: Object required"... now if i remove the 's to make it "what the proper syntax is" I get that exact same warning thrown at my breakpoint regarding pan_actframe... so building off this I put the 's around the asp object and left the html object as normal syntax... in every case, nothing ever happens. The "hidebar" element that has display:none; never gets rescripted to display. I could handle all of this (i guess) by seperating the serverside and client side rescript, but that will only be a temp fix and this same issue will resurface once I move onto writing my mouseover functions. I hope I am being clear, but let me know what other info is needed Note: the functions are being called, and I know this. The server function re-writes various panels that if it were not firing would not work accordingly, and as for the javascript- I drop right into the debug when it is supposed to fire... the objects just never get hit... below are the begining sections of the objects so you can verify the ID's are correctly being called. Code: <div id="hidebar">.... <asp:Panel ID="pan_actframe" runat="server">... |
|||||||