JavaScript - Valid Regex Allowing Special Characters

I have been using code such as
Code:

a=a.replace(/ /g,'');
b=b.replace(/;,/g,';');

to eliminate spaces in a string, as well as converting things like ";," to ";" in strings. Several instances of these replacements will have to occur in the strings.

Unfortunately, I cannot make it work for converting two commas into one or for eliminating line breaks. Does anyone know how to do this (preferably without using "while")?

Please follow these steps in the jsfiddle

1. Click on open grid link and select option "3", buttons A,B and C would appear

2. Enter in number 2 in the number of Answers textbox. Then select buttons A and C

3. Now click on the open grid again and select option 6.

4. Now the number of Answers textbox is empty so type in 2 again in the text-box. So only 2 answers should be selected which is A and C. So if you click on another button the alert message should appear stating you are beyond limit, deselect another button. But this does not happen. Instead the user can select another 2 buttons and then the alert message would appear if another button is selected. This means that 4 buttons are selected which is incorrect, it should still be 2.

So does anyone have an idea why it is doing this?

Thanks

Code is in jsfiddle, click [here][1]


[1]: http://jsfiddle.net/C7vcQ/2/

Hi,

I'm a retired social worker with beginner skills in scripting a web page and need some suggestions.

I create eLearning materials which are given away as a communty service to help people improve their health. A typical eLearning project has a few educational screens (using a Learner Management System-LMS-template) and an interactive exercise (on an external web page-htm or html-usually accessed by button which navigates to the exercise's URL).

The interactive exercise should only be accessed from inside the eLearning lesson using the button, because it requires understanding of the way it works plus important cautions to assure proper use. I need to prevent the use of the URL outside of taking the lesson (for example, someone taking the lesson acquires the exercise's URL from their browser history and then may give this to others who access the exercise directly-without necessary knowledge and cautions).

I tried document.referrer, using JavaScript. Using the referrer URL from inside the lesson and adding the JavaScript to the exercise's htm code worked OK in FF, but not in IE 8. In FF, if the referrer was not the correct single URL from inside the lesson, then it redirected; if the correct URL, the exercise appears.

The JS code follows:

Code:

<script language="JavaScript" type="text/javascript">
<!--
var oksite = "http://www.mysite.com/xyz/courseidxxxxx/yyyy/zzz.html";
var redirect = "http://mysite.com/error.html"; 
if (document.referrer != oksite)
{
location.replace(redirect);
}
//-->
</script>

In IE 8, I was not able to get it to work. Using an alert, I noticed that the referrer in IE 8 was blank.

My web hosting (GoDaddy) is a shared Windows hosting. I would have to upgrade from IIS6 to IIS7 to use PHP. Bigger challenge: I've never used PHP. If possible, I would prefer to use JS. But, I am open to any suggestion that will help.

I am also wondering if part of the IE 8 issue is that I am using IE 8 X 64?

I'm stuck and hope someone can suggest a way to solve this access issue.

Thanks for your help.

Kind Regards,
saratogacoach

I have an onfocus event that makes a textarea large and then an onblur event that sets it back to a smaller textarea. If I click the textarea the onfocus event is triggered but if I go straight to submit the form the onblur event is triggered and the form is not submitted unless i hit submit twice. How can i get the form to submit? Can i put an "if" statement in the onblur event to see if the form is being submitted then just submit the form otherwise run the onblur event?



Code:

<style type="text/css"> 
 
 
  .textarea {
          background-color: #ffffff;
          color: black;
          font-family: Arial, sans-serif;
          font-size: 8pt;
          font-weight: normal;
          border-style: solid;
          border-width: 1px;
          border-color: aaaaaa;
          height: 18px;
          width: 50%;
          overflow: hidden;
            
 
          }   
          
  .textarea2 {
          background-color: #ffffff;
          color: black;
          font-family: Arial, sans-serif;
          font-size: 8pt;
          font-weight: normal;
          border-style: solid;
          border-width: 1px;
          border-color: aaaaaa;
          height: 100px;
          width: 50%;
          overflow: auto;
          
          }                
  
  


</style>

</head>

<body>

<script>

function enlargeBox(v,n,c){
 
document.theForm.elements[n].className='textarea2';

 

 
 
}


</script>


<form method="POST" name="theForm" action="newProcess.php">



site<br>
        <textarea 
    class = "textarea" 
    name  = "site" 
    onblur  = "this.className='textarea'" 
 
    onfocus = 'enlargeBox(this.value,this.name,this.className)' rows="1" cols="20"> this is a test for this new texfield to textareathis is a test for this new texfield to textareathis is a test for this new texfield to textareathis is a test for this new texfield to textareathis is a test for this new texfield to textareathis is a test for this new texfield to textareathis is a test for this new texfield to textarea</textarea> 
 <br>
 
 Contact:<br>
 
<input type="text" onclick="this.select();" name="contact" value="" class="textfieldlp" size="50">

<p>&nbsp;</p>
<p><input type="submit" value="submit" name="B1"></p>

</form>

I'm trying to create a modulus function that will redirect users who input certain values to a secondary page. I've searched google and found a way to validate when users input a multiple of x, but I need to take it one step further and only allow values within a certain range.

In full, I need to validate multiples of 7 starting at 7007 and ending on 15673 (so validate on 7007, 7014, 7021, etc.). Right now I'm looking at this code:

Code:

$(document).ready(function(){
   $(".sub").click(function(){
      if (!(($(".txt").val() % 7 == 0) || ($(".txt").val()==1)))
      {
       alert("Not interval of 7 or value of 1");   
      }
       else {
           
       alert("Interval of 7 or value of 1!"); 
       }
   }); 
});

Which I found here. I also need to remove the "value of 1". I'm new to JS, so when I tried, I broke the code. Any help would be much appreciated. Thank you!

Hello All,

How can I prevent a browser from letting an image drag.

I've tried this snippet:
Code:

document.onmousemove = function() {return false};

Thanks in advance!

Hi,

i feel kinda stupid asking this, but im kinda lost. I want to add up multiple values of groups of checkboxes. I managed to add up the values, but making it so that only one checkbox per group can be enabled at any time gives me a headache.

Here is what i got so far, any hints to how to make it work would be really cool.

Code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
  <meta http-equiv="content-type" content="text/html; charset=windows-1250">
  <meta name="generator" content="PSPad editor, www.pspad.com">
  <title></title>
  </head>
  <body>
  
 
  
 <script type="text/javascript">
function Summe()
{
  sum = 0;
  if(document.Formular.m1.checked) 
  {
    sum = sum + (1 * document.Formular.m1.value);
  }
  if(document.Formular.m2.checked)
  {
    sum = sum + (1 * document.Formular.m2.value);
  }
  if(document.Formular.m3.checked)
  {
    sum = sum + (1 * document.Formular.m3.value);
  }
  if(document.Formular.m4.checked)
  {
    sum = sum + (1 * document.Formular.m4.value);
  }
  if(document.Formular.m5.checked)
  {
    sum = sum + (1 * document.Formular.m5.value);
  }
  
   if(document.Formular.m6.checked)
  {
    sum = sum + (1 * document.Formular.m6.value);
  }
  
   if(document.Formular.m7.checked)
  {
    sum = sum + (1 * document.Formular.m7.value);
  }
  
   if(document.Formular.m8.checked)
  {
    sum = sum + (1 * document.Formular.m8.value);
  }
 
 
  document.Formular.black.value = sum;
}

 


</script>

    
 <form name="Formular">
  <INPUT TYPE="TEXTBOX" NAME="black" VALUE="" SIZE="3"> <br>
  grp1<br>
  <input type="checkbox" Name="m1" Value="411" id="411"  onClick="javascript:Summe()"> <br>
  <input type="checkbox" Name="m2" Value="412"  id="412" onClick="javascript:Summe()"> <br><br>
   grp2<br> 
  <input type="checkbox" Name="m3" Value="421"  id="421"onClick="javascript:Summe()"> <br>
  <input type="checkbox" Name="m4" Value="422"  id="422"onClick="javascript:Summe()"> <br>
  <input type="checkbox" Name="m5" Value="423"  id="423" onClick="javascript:Summe()"> <br> <br>
   grp3 <br>
  <input type="checkbox" Name="m6" Value="431"  id="431" onClick="javascript:Summe()"> <br>
  <input type="checkbox" Name="m7" Value="432"  id="432" onClick="javascript:Summe()"> <br>
  <input type="checkbox" Name="m8" Value="433"  id="433" onClick="javascript:Summe()"> <br> <br>
 </form>

  </body>
</html>

I'm doing an exercise from a Javascript book and can't seem to figure why this would be valid.

Code:

if {var == 4} { Do Something }

I think it would be invalid because var is a reserved word which means it doesn't have a value. I could be wrong.

Code:

<input name="1" value="1" id="1" type="radio" onClick="change(this)">
<input name="1" value="2" id="2" type="radio" onClick="change(this)">
<input name="1" value="3" id="3" type="radio" onClick="change(this)">
<br>
<input name="2" value="4" id="4" type="radio" onClick="change(this)">
<input name="2" value="5" id="5" type="radio" onClick="change(this)">
<input name="2" value="6" id="6" type="radio" onClick="change(this)">
<br>
<input name="3" value="7" id="7" type="radio" onClick="change(this)">
<input name="3" value="8" id="8" type="radio" onClick="change(this)">
<input name="3" value="9" id="9" type="radio" onClick="change(this)">
<div id="tab3continue">
Hello
</div>
<script>
var tab3_button = document.getElementById('tab3continue');
  tab3_button.style.visibility = 'hidden';
  function change(switchElement) {
        if ((switchElement.value == '1' || '2' || '3' )&&(switchElement.value == '4' || '5' || '6')&&(switchElement.value == '7' || '8' || '9')) {
                tab3_button.style.visibility = 'visible';
        } else {
                tab3_button.style.visibility = 'hidden';  
        }             
}
</script>

So I have a div(tab3continue) which is hidden and want is visible if either 1, 2, 3 are selected AND either 4, 5, 6 are selected AND either 7, 8, 9 is selected. so need one from each group to be selected to make visible.

Could someone tell me if this code could work or where I am going wrong?

Thanks
-------------
Jay

Note that this is not a script in and of itself, just a section of it, and this seems to be the area that is giving me problems, so I thought I'd post here to see whether it was valid code.

Code:

var coords
if(window.location.href == "http://en59.tribalwars.net/game.php?village=114100&screen=place")
{
coords = prompt("Please enter the coordinates of the village you want to send a fake to.","|");
}
coords=coords.split('|');

As I said, don't expect to make sense of it, as it is just a snippet taken from a script, but this is the part of it which is messing up the script, so I wanted to post here to see whether everything in the above code, the syntax of it and the if statement - is valid. Would that if statement, if used in a proper script, be working, or is there something wrong with it which could be giving me errors?

Thanks for your help in advance.

Hi guys,

I am trying to re-work some pre-written Javascript code at which I am a novice at (I'm more CSS, HTML, PHP...). I am trying to validate a form field for a Purchaser's last name while accounting for an apostrophe if they have one in their last name.

I bet it's something simple, but I still haven't been able to figure it out, or write it correctly:


Code:

function checkPurchaserName()
{
  var err = false;
  var f = $(getApogeeElement('purchaser_name_first'));
  var l = $(getApogeeElement('purchaser_name_last'));

  if ( f && l &&
       ( f.value.toLowerCase() != first.toLowerCase() ||
         l.value.toLowerCase() != last.toLowerCase() ) )
  {
    error_list[error_list.length] = 'The name of the purchaser must match the applicant.';
    errorHighlight(f);
    err = true;
  }

  return err;
}

As an example. I started the purchasing process with the name "Patrick O'Malley".

At the end page where this validation occurs, they have (2) text boxes, one for "first name" and one for "last name". They must type the same exact name for purchaser that they did for applicant, so "Patrick", then "O'Malley"

Can someone please put me on the right track?

Thanks.

Is the window.status still useful nowadays or is it outdated? If it is still used, why doesn't this work please?

Code:

<a href="javascript_status_bar_messages.cfm"
  onMouseover="JavaScript:window.status='Status Bar Message goes here'; return true"
  onMouseout="JavaScript:window.status=''; return true">Hover over me!</a>

Complete newbie to JS,

If button is clicked, want form to be validated. If the validation passes then bring up print dialogue

I have got the validation (using dreamweaver) working, however if the form is correct , how do I get the print dialogue (window.print()) to appear?

here's the code

Code:

<script language="JavaScript" type="text/JavaScript">
<!--
function MM_findObj(n, d) { //v4.01
  var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
  if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
  for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
  if(!x && d.getElementById) x=d.getElementById(n); return x;
}

function MM_validateForm() { //v4.0
  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=MM_findObj(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 (errors) alert('The following error(s) occurred:\n'+errors);
  document.MM_returnValue = (errors == '');
 
}
//-->
</script>

Code:

  <td><input name="Name" type="text" id="Name" size="50" maxlength="50"></td>

	<input name="Button" type="button" onClick="MM_validateForm('Name','','R');return document.MM_returnValue" value="Button" />