JavaScript - Split Phone Number Input

Arrrgggghhhhhhhhh - help.... - LOL

Now I've got that over with, hope someone can help.

Am just learning regular expressions and am trying to validate UK format telephone numbers (have had an extensive look on the web and only examples I can find are US tests). Anyway, I want to learn to do it myself.

UK phone number rules a

Must start with a 0 in position 1
Next 2 to 4 characters must be a number
Next character can be a space or a dash
Next 6 to 9 characters can be a number, space or dash only

Anyway, as I say, am new to regular expressions and trying to learn so I tried to write the expression to fit the rules above - see below:

Code:

^[0]{1}\d{2,4}\s|-{1}\d|\s|-{6,9}$

My logic (for what it's worth - LOL) tells me this should work, but it doesn't - it accepts letters as well - which I really don't understand yet.

Anyway - hope someone can help.

Thanks

Dominic

Need Phone Number Validation for my JavaScript, i can't work it out It currently has E-mail, Surname, Address and Name validation, This is my code at the moment:

Code:

<script language="JavaScript">
function echeck(str) {

		var at="@"
		var dot="."
		var lat=str.indexOf(at)
		var lstr=str.length
		var ldot=str.indexOf(dot)
		if (str.indexOf(at)==-1){
		   alert("Please Enter a Valid E-mail")
		   return false
		}

		if (str.indexOf(at)==-1 || str.indexOf(at)==0 || str.indexOf(at)==lstr){
		   alert("Please Enter a Valid E-mail")
		   return false
		}

		if (str.indexOf(dot)==-1 || str.indexOf(dot)==0 || str.indexOf(dot)==lstr){
		    alert("Please Enter a Valid E-mail")
		    return false
		}

		 if (str.indexOf(at,(lat+1))!=-1){
		    alert("Please Enter a Valid E-mail")
		    return false
		 }

		 if (str.substring(lat-1,lat)==dot || str.substring(lat+1,lat+2)==dot){
		    alert("Please Enter a Valid E-mail")
		    return false
		 }

		 if (str.indexOf(dot,(lat+2))==-1){
		    alert("Please Enter a Valid E-mail")
		    return false
		 }
		
		 if (str.indexOf(" ")!=-1){
		    alert("Please Enter a Valid E-mail")
		    return false
		 }
		 

 		 return true					
	}

function validate_required(field,alerttxt)
{
with (field)
  {
  if (value==null||value=="")
    {
    alert(alerttxt);return false;
    }
  else
    {
    return true;
    }
  }
}
function validate_form(thisform)
{
with (thisform)
  {
  if (validate_required(Name,"Name must be filled out!")==false)
  {Name.focus();return false;}
  if (validate_required(Surname,"Surname must be filled out!")==false)
  {Surname.focus();return false;} 
  if (validate_required(Country,"Address must be filled out!")==false)
  {Country.focus();return false;}
  } 
  
  {
	var emailID=document.submitting.email
	
	if ((emailID.value==null)||(emailID.value=="")){
		alert("Please Enter a Valid E-mail")
		emailID.focus()
		return false
	}
	if (echeck(emailID.value)==false){
		emailID.value=""
		emailID.focus()
		return false
	}
	return true
 }
}

function verifyEmail(form) {
checkEmail = form.email.value

if ((checkEmail.indexOf('@') < 0) || ((checkEmail.charAt(checkEmail.length-4) != '.') && (checkEmail.charAt(checkEmail.length-3) != '.')))
{alert("You have entered an invalid email address. Please try again.");
form.email.select();
return false;
}

else {
form.method="get";
form.rel="nofollow" target="_self";
form.action="myscript.cgi";
form.submit();
}
}
</script>

Code:

        <form action="submit.htm" onsubmit="return validate_form(this)" method="post" name="submitting">
        <span class="style5">Select Plant:
        <form id="form1" name="form1" method="post" action="">
  <label>
            <select name="Item" id="Item">
              <option>OMGwoopwoop Plant</option>
              <option>I'm Blue Plant </option>
              <option>Anonymous Plant</option>
              <option>Rawr Plant</option>
              <option>Chicka Plant </option>
              <option>Fruitopola Plant</option>
              <option>Whitoe Plant</option>
              <option>Wukidoo Plant </option>
</select>
          </label>
        </p>
      <p>Name:<span class="style1"> 
        <input type="text" name="Name" size="30">
        <br>
        <br>
                </span>Surname:
        <span class="style1">
        <input type="text" name="Surname" size="30">
        <br>
        <br>
        </span>Address:<span class="style1">
         <input type="text" name="Country" size="30">
                        <br>
                        <br>
		</span>Email:<span class="style1">
        <input type="text" name="email" size="30">
                                <br></span></p>
        Phone Number:<span class="style1">
        <input type="text" name="phone" size="30">
      <form action="submit.htm" onSubmit="return validate_form(this)" method="post">
  <input type="submit" value="Submit">
</form>

This is what I have so far, it is a template I copied from my working E-mail validation. I'm assuming I have to make it so it's just an array of numbers but I really don't know Java too well.

Essentially I just want numbers only to be accepted into the phone field.

Code:

else if(fieldType == 'phone')
				{	
					if((required == 1 && fieldObj.value=='')  ||  (fieldObj.value!=''  && !validate_phone(fieldObj.value)))
					{				
						fieldObj.setAttribute("class","mainFormError");
						fieldObj.setAttribute("className","mainFormError");
						fieldObj.focus();
						return false;					
					}

				}



				function validate_phone(phoneStr)
			{		
				apos=phoneStr.indexOf("@");
				

				if (apos<1||dotpos-apos<2) 
				{
					return false;
				}
				else
				{
					return true;
				}
			}

I have a phone number field on my form that needs validation, but I'm not sure how to code this. I have the following function to validate a first name is entered and last name. The phone number field must match a 7 digit or 10 digit(with area code)phone number. I want to be able to include paranthese and/or hyphens for the valid phone number.

function checkForm1() {
if (document.forms[0].firstname.value.length == 0) {
alert("You must put in a first name");
return false;
}
else if (document.forms[0].lastname.value.length == 0) {
alert("You must put in a last name");
return false;
}

<!-- ** Need help completing the javascript in this example ** -->

<html>

<head>
<title>Convert ListBox data into 4 Text Boxes</title>
<script language="javascript">
function SplitText (
// NEED HELP WITH THIS CODE
split text ",";
convert to ['textbox1','textbox2','textbox3','textbox4']
}
</script>
</head>

<body>
<form name="convert">
<p style="margin: 2px">
<h3>Convert selected data to textboxes</h3>
<!-- SELECT DATA FROM LIST BOX -->
<select size="1" name="ListBox" onChange="SplitText();">
<option value="jim,bob,rick,paul" >==Row1==</option>
<option value="pete,jack,chris,craig">==Row2==</option>
<option value="mary,jane,lisa,kim" >==Row3==</option>
</select>
</p>

<h3>In this example say we selected row1</h3>
<!-- THE SELECTED DATA GETS SPLIT AND INSERTED INTO THESE 4 TEXTBOXES -->
<p style="margin: 2px">
<input type="text" name="textbox1" value="jim"><br>
<input type="text" name="textbox2" value="bob"><br>
<input type="text" name="textbox3" value="rick"><br>
<input type="text" name="textbox4" value="paul"><br>
</p>
</form>
</body>

</html>

Hi there, I would like to allow the "+" sign in my 3 textboxes. When the user does not put the "+" sign in the textboxes, and it is being validated, the system will allow it to pass.

Also, it must check that it has at least 8 digits.

Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
    <title>Untitled Page</title>
    <link rel="stylesheet" type="text/css" href="CSS files/specialAlignment.css" />
    <link rel="stylesheet" type="text/css" href="CSS files/externalCSS.css"/>    
    <script language = "javascript" type = "text/javascript">
    
function check() 
{
    var fields = new Array("Office Telephone", "Mobile Telephone","Fax Number");
    var telnr = /(^[\+]?[\d]{8,20}$)/;

    var index = new Array();  
    for(var i = 0; i < fields.length; i++)  
    {  
        var arrayFields = document.getElementsByName(fields[i]);  
        for(var j = 0; j < arrayFields.length; j++)  
        if(!(arrayFields[j].value) == "")  
        {   
            arrayFields[j].className = "defaultColor";              
        }  
        
        else  
        {  
            arrayFields[j].className ="changeToRed"; 
            index.push(fields[i]);                  
        }        
    }  
    
    if(index != 0)  
    {  
        joinComma = index.join(', ');  
        alert('The field(s) corresponding to '+ joinComma + ' is/are not filled in.');   
    }  
         
}  

function noSpace(e, dec)
{
    var key;
    var keychar;

    if (window.event) 
    {
       key = window.event.keyCode;
    }
    else if (e) 
    {
       key = e.which;
    }
    else 
    {
       return true;
    }
    keychar = String.fromCharCode(key);

    if ((key==null) || (key==0) || (key==8) ||  (key==9) || (key==13) || (key==27) /*|| (key==107)*/) 
    {
       return true;
    }
    else if ((("0123456789").indexOf(keychar) > -1)&& check(telnr.test(tfld))) 
    {
       return true;
    }
    else if (dec && (keychar == ".")) 
    { 
      return true;
    }
    else
       return false;
        
} 
    </script>
</head>
<body>
                        <label>
                            *Office Telephone:</label>
                        <input id="Text16" type="text" name="Office Telephone" onkeydown="return noSpace(event)" />
                        <br />
                        <br />
                        <label>
                            *Mobile Telephone:</label>
                        <input id="Text17" type="text" name="Mobile Telephone" onkeydown="return noSpace(event)" /><br />
                        <br />
                        <label>
                            *Fax Number:</label>
                        <input id="Text18" type="text" name="Fax Number" onkeydown="return noSpace(event)" />
                        <br />
                        <br />
                <input id="Submit17" type="submit" value="Submit" onclick="return check()"/>
 
</body>
</html>

helow to every one im new here....i hope im welcome here

can i ask how to make this problem?

input 20 number and print the average of the numbers....any one can help me please...

Hello

I'm using simpleCart() javascript shopping machine for my page.
The script accepts values in a specific syntax:
Code:

onclick="simpleCart.add('name=Some name','price=23.4','quantity=1');"

But because the price of the product is not always the same but comes up after previously made calculations, i want to parse the values in simpleCart() through another function. I have made the following one which gets the price from a textbox (resultAlmires) of a form (Almires), then converts it to american format (. instead of ,) makes it have one decimal only and finally parse it to simpleCart() with the use of a variable.
However it doesn't seem to work:
Code:

function addAlmiri() {
var timi = document.Almires.resultAlmires.value;
timi = timi.replace(/\,/,".");
timi = timi.toFixed(1);
simpleCart.add( 'name = Some name' , 'price = timi' , 'quantity = 1' );
}

Any help?

I have a function below where every time a question is submitted, it will add a new row in the table with a textbox which allows numbers entry only. My question is that I don't know how to code these features in this function:

1: I want the text box to be between 0 and 100, so if text box contains a number which is above 100, it will automatically change the number to the maximum number which is 100.

Does any one know how to code this in my function below in javascript:

Code:

function insertQuestion(form) 
    {   
    
         var row = document.createElement("tr");
         var cell, input;
    
    cell = document.createElement("td");
         cell.className = "weight";
         input = document.createElement("input");
         input.name = "weight_" + qnum;
         input.onkeypress = "return isNumberKey(event)";
         cell.appendChild(input);
         row.appendChild(cell);
    }

Hello Everyone!

How can I write a string in JavaScript that will accept any phone number.


Thanks

Hi,

I have a form on my website and I want to validate the phone field. I found a good script to do it but I need to combine the script with the other validation that I have on my form. Can you help me add this phone validation script into the other validations that I have so that it is just one javascript?

Here is the phone validation script:
<script language = "Javascript">
/**
* DHTML phone number validation script. Courtesy of SmartWebby.com (http://www.smartwebby.com/dhtml/)
*/

// Declaring required variables
var digits = "0123456789";
// non-digit characters which are allowed in phone numbers
var phoneNumberDelimiters = "()- ";
// characters which are allowed in international phone numbers
// (a leading + is OK)
var validWorldPhoneChars = phoneNumberDelimiters + "+";
// Minimum no of digits in an international phone no.
var minDigitsInIPhoneNumber = 10;

function isInteger(s)
{ var i;
for (i = 0; i < s.length; i++)
{
// Check that current character is number.
var c = s.charAt(i);
if (((c < "0") || (c > "9"))) return false;
}
// All characters are numbers.
return true;
}
function trim(s)
{ var i;
var returnString = "";
// Search through string's characters one by one.
// If character is not a whitespace, append to returnString.
for (i = 0; i < s.length; i++)
{
// Check that current character isn't whitespace.
var c = s.charAt(i);
if (c != " ") returnString += c;
}
return returnString;
}
function stripCharsInBag(s, bag)
{ var i;
var returnString = "";
// Search through string's characters one by one.
// If character is not in bag, append to returnString.
for (i = 0; i < s.length; i++)
{
// Check that current character isn't whitespace.
var c = s.charAt(i);
if (bag.indexOf(c) == -1) returnString += c;
}
return returnString;
}

function checkInternationalPhone(strPhone){
var bracket=3
strPhone=trim(strPhone)
if(strPhone.indexOf("+")>1) return false
if(strPhone.indexOf("-")!=-1)bracket=bracket+1
if(strPhone.indexOf("(")!=-1 && strPhone.indexOf("(")>bracket)return false
var brchr=strPhone.indexOf("(")
if(strPhone.indexOf("(")!=-1 && strPhone.charAt(brchr+2)!=")")return false
if(strPhone.indexOf("(")==-1 && strPhone.indexOf(")")!=-1)return false
s=stripCharsInBag(strPhone,validWorldPhoneChars);
return (isInteger(s) && s.length >= minDigitsInIPhoneNumber);
}

function ValidateForm(){
var Phone=document.frmSample.txtPhone

if ((Phone.value==null)||(Phone.value=="")){
alert("Please Enter your Phone Number")
Phone.focus()
return false
}
if (checkInternationalPhone(Phone.value)==false){
alert("Please Enter a Valid Phone Number")
Phone.value=""
Phone.focus()
return false
}
return true
}
</script>

Here are the validations for the other fields:
<script type="text/JavaScript">

function validate_form(){

err = 'The following fields are not correct filled:\n';



if (document.form1.name.value == ''){
err += 'No First Name.\n';

}



if (document.form1.from.value == ''){
err += 'No Email Address.\n';

}



if (document.form1.elements['custom State'].value == ''){
err += 'No State.\n';

}



if (document.form1.elements['custom Phone'].value == ''){
err += 'No Phone.\n';

}



if (emailCheck(document.form1.from.value) == false){

err += 'No Valid email.\n';

}

if (document.form1.terms.checked != true){

err += 'You did not agree with the terms.\n';

}



if (err != 'The following fields are not correct filled:\n'){

alert (err);

return false;

}


else{
return true;
}
}
var str_vars = '';
function all_fields(){
str_vars = '';
el = document.form1;
for (var i = 0; i < el.elements.length; i++) {
if (el.elements[i].value != '')
str_vars += el.elements[i].name+'='+el.elements[i].value+'&';
}
str_vars = str_vars.substr(0,str_vars.length-15);;
}

</script>

Thank you,
Leroy

I need someone to point me in the right direction...

I have been tasked with creating a phone directory at work.

I found an example that kind of works for what I need he

http://www.mollerus.net/development/..._directory.cfm

But we have a larger number of employees and I need to be able to sort the directory by first name, last name, or department.

Can anyone show me where to go? Is there a download somewhere?

I'll post the code below of what we're currently using. It is functional, but not pretty by any means, and needs altered to produce what we need.

I don't know JavaScript, this is something I found a couple years ago that suited our purpose, but now it doesn't anymore.


The Script:
Code:

function setUp(info) {
  var v = document.getElementById('phonesearch').selectedIndex.toString(); 
  var ln, fn, ext;
  var arr = new Array();
  var sel = document.getElementById('phonelist');
  for (var i = sel.options.length-1; i >= 0 ; i--) { sel.options[i] = null; }
  for(i = 0; i < phonelist.length; i++ ) {
	fn = phonelist[i][0];
	ln = phonelist[i][1];
	ext= phonelist[i][2]; 
	switch (v) { 
//	  case "1" : zo = ln+', '+fn;  zv = zo +' : '+ext; break;
	  case "2" : zo = fn+' '+ln;   zv = zo +' : '+ext; break;
	  case "3" : zo = ext+' : '+ln+', '+fn;  zv = zo;  break;
	  default:   zo = ln+', '+fn;  zv = zo +' : '+ext; break;
    }  
    if (info != '') {
      if (zo.toUpperCase().indexOf(info.toUpperCase(),0) == 0) { arr.push(zo+'||'+zv); }
    } else { arr.push(zo+'||'+zv); }
  }
  arr.sort();	// Like the original order, comment out this line!
  var z = [];
  for (i=0; i<arr.length; i++) {
	z = arr[i].split('||');
    sel.options[i] = new Option(z[0],z[1],false,false);
  }  
  var z = 13;  if (phonelist.length < z) { z = phonelist.length; }
  sel.size = z;
  if (info == '') { sel.focus(); }
}

The Form
Code:

<form name="menuform" onSubmit="return false">
  <p class="style1">Select to search by first name, last name, or extension. Then click in the text box on the bottom and type in the first few letters of who/what it is you're looking for.</p>
<p class="style1">Then, simply click the entry you need.</p>
<select id="phonesearch" onchange="setUp('')" size="4">
  <option value=""><i>Choose one</i></option>
  <option value="1">Last name</option>
  <option value="2" selected>First name</option>
  <option value="3">Extension</option>
</select>
<br /><br />
<select id="phonelist" onclick="alert(this.value)"></select>
<br /><br />
<input type="text" id="srch" value="" onkeyup="setUp(this.value)" size="20">
<br /><a href="#"
 onclick="sel=document.getElementById('srch');sel.value='';setUp('');sel.focus()">Search Clear</a>
</form>

Hi everyone,

Is it possible to determine at the startup of the page if the visitor is using a computer or a phone to access the site?

I would like to make the intro process much better than a simple "click here for HTML version or click here for Flash version". I would like for it to simply redirect to the page I set it to go to depending on whether or not they're using a regular browser or a mobile browser.

How would I go about this?

Thank you all very much in advance.