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...
View 2 RepliesI have a problem in asp application validation. My textbox only accepts numeric value.It should not accept empty field and negative values and charcters.I am not aware of IsNan function.
View 8 Replies View RelatedI have a credit card field that is only mandatory if they select a credit card as a payment type.
If they select Gift Certificate, then I set the card to not be mandatory:
$('#creditcard').removeClass('required').removeClass('creditcard');
validationRules.rules.CardNumber.required = false;
however the validation still fails on the creditcard field. If I enter this in to Firefox's console:
$("#OForm").validate().element("#creditcard");
it returns false.
To make matters more confusing, this validation only fails on my form when I am passing a particular parameter in the URL string. I've scoured my code and cannot figure out why that parameter would have any impact whatsoever on this matter.
Very simple, but useful - I just came up with this in answer to a post:
<?xml version="1.0" encoding="utf-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" >
<head>
<title>Letters ONLY</title>
<script type="text/javascript">
<!--
function alpha(e) {
var k;
document.all ? k = e.keyCode : k = e.which;
return ((k > 64 && k < 91) || (k > 96 && k < 123) || k == 8);
}
// -->
</script>
</head>
<body>
<div>
<form id="example" action="javascript://">
<input type="text" onkeypress="return alpha(event)" />
</form>
</div>
</body>
</html>
provide the HTML/Javascript to ensure a field can only accept numbers? (I don't mean post-submit validation, but literally the field only accepts numerical input.)
View 4 Replies View RelatedI am new in jquery and learning it.I am going to make a form validation where if the radio button is checked then the form validation will take place in particular one field ie file field and all other fields will be validated normally. Here is my code:
[Code]....
I need this function to accept decimal values (e.g., 2.5 ok, not just whole numbers between 1 and 5).
I can't find this answer...
I am unable to solve two problems creating a contacts form using dreamweaver CS3. My other problem is posted under the heading, "Modify code created with Dreamweaver CS3, to compare two text feilds". For this posting, can someone please tell me how to modify my code, pasted below, so that the "First Name" and "Last Name" text fields are restricted to accepting only alphabetical characters.
Here's my current code
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
[Code]...
I need to do javascript money validation for a field. the condtions are
1) depending on the Locale (not sure if this can be done in JS like US,Germany..)
2) verify if it has $,pound symbol, yen symbol..
3) group the digits either like 00,00,000 or 000,000,000
4) accept 2 digits decimal 000,000.00
i'm fairly new to regular expression and want to know if it's possible to check a text field value. I need to only accept value between 0 and 20. I've got also a problem with the 0 value ... guess the script think it's false :
if(!Number(document.data.f_cat_1.value) || document.data.f_cat_1.value > 20){
alert('Your must enter a numeric value between 0 & 20 pts!');
document.data.f_cat_1.focus();
return false;
}
I wish to have my form update a text field when a 'add' link or button is clicked, allow for more entries to be added without having the page refresh. but i need to be able to have both the friends name and their number added to the field like so
if friends name is say 'jason' and their number is '0987654321' then it will add to the textarea like so.
jason [0987654321] this way i should be able to get the data and split it up when the form is send so i can add them in the DB. the part i am stuck on is how to get both fields in the textarea. allowing for more to be added without a refresh. can anyone suggest how they might do this.
[Code]..
I am looking to build as basic as possible, a form that has 3 select dropdowns that have predetermined options. The user will select the first option and based on that option the second will populate and based on that, the third one will give the last option. Now, when the last one is selected, i need a div or a paragraph displaying information to be displayed.So here's the framework.
Option 1 = fruit or vegitables of which fruit is selected is selected by the user
Option 2 = Apples, Grapes, and pears of which apples is then selected
Option 3 = Red, Green and Yellow of which Green is selected.
Once green is selected, I need a description about the green aple to be displayed.
I am trying to find a way to add an extra piece of hidden text onto the end of the text a user enters into the form field so that when the form is sent the extra text will automatically be added to the end before sending. I have tried cobbling together different scripts using onblur/onclick etc but I just cannot get any to work as I need..
View 1 Replies View RelatedI'm trying to think of the best way to do this, and have it be browser-friendly (Read: Runs in IE, FF, Chrome, and optimally Safari too, but the last one isn't necessary). User selects an item in a dropdown list. Clicks the Add button. A new entry inside a DIV appears, which consists of a hidden form field, the entry name, and a Del button. When the delete button, I need it to erase that entry (and the associated hidden field) but not the whole block.
View 1 Replies View RelatedI have a form (form1) to register with the fields: user, email, password being validated normally.
Have a second form (Form2) to the user update the data registered in form1, and the fields user, email, password is already populated with data from the database, the email field I use the remote validation, and as the field already has been completed and read always says that this email already exists, how do I create a rule or method so that when the field is already filled it not do so validating and validate if it is filled with a new email. Email2 have a hidden field in order to do a test type.
In a registration form middleName field is optional. When the users enters his/her middleName, then it should validate that field. I have used the following code to achieve the above scenario, but it is not working.
$("#middleName").rules("add", {checkName: true, required: false, messages: {checkName: "Please enter a valid middle name"} });
jQuery.validator.addMethod("checkName",
function(value, element) {
var regExp = new RegExp(/^[a-zA-Z0-9s|,|.|-|']+$/);
return regExp.test(value);
},
"Please enter a valid name."
);
How to achieve the above scenario.
I would like to hide a div when input type text is empty. And as soon as you start typing in the input type text field, a div below would appear.
View 1 Replies View Related<script type="text/javascript"><!--
function Validate_form(form) {
var fields = [];
this.add = function(element, err) {
if ( !('__validate' in form[element]) ) {
form[element].__validate = function() {
if (this.value=='') {
alert(err);
this.focus();
return false;
}
}
}
fields.push(form[element]);
}
this.check = function() {
var len = fields.length;
for (var i=0; i<len; i++)
if ( !fields[i].__validate() )
return false;
return true;
}
}
function form_onsubmit(form) {
var vform = new Validate_form(form);
vform.add('domain_name', 'The domain field is empty');
return(vform.check());
}
--></script>
<form name="signup" method="post" action="" onsubmit="return form_onsubmit();">
<input type="text" name="domain_name" />
<input type="submit" />
</form>
This is nothing special. just a basic empty field validator. it's probably not as efficient as it could be because it assigns the function to the various elements. It also only supports text fields. I was thinking of allowing a 3rd argument on Validate_form.add to accept something like Validate_form.stock.email/number/etc (functions). ah well..
I'm trying to get this code to work correctly. What I want it to do is to place a value in the field box then when the curser clicks there the field becomes blank.Ok, that part works.But I want it to display an alert if the submit button is clicked while the value is being displayed.Also, i want it to display an alert if the field has become blank and the submit button has been clicked.
Code:
<html><head>
<script type="text/javascript">
[code]....
I have disabled a file input field which has a textbox above it. I am trying to make it so that when there is text in the textbox the file field is enabled and disabled when it is emtpy.
I do not want to assign id's to the file inputs so im trying to use the current[code]...
I want to test if a input field is empty or not, if it is I don't want to execute the rest of the script. After googling I thought I might of found a solution but it doesn't appear to be working :( Even if the input field is empty my script still executes.The solution I found How do I test whether an element exists?The only thing I really add was:
if ($('#phone').length) before
$('#search_customer').blur(function() to test the input field
add_reservation.php
[code]....
I'd like to create a quick and dirty validation method for a form. It's not meant to be very secure.
The way I picture it working is this - there is an input field that asks for a password. If the user types in the password correctly, the "submit" div tag will change from "none" to "block". , which will display the submit button. I just am not familiar with JS enough to know if that's possible.
Here's what I'm starting with:
Code:
I have a form and in the form is a checkbox use as a switch to hide and unhide a two textbox. When the other textbox is hide, the other is unhide such as the code below. When the user click the submit button on the first time and there is an error, it reloads and the id="fieldset.-in_honor" hide because it is set to hide initially but not empty. My problem is, I want to show the fieldset whichever is not empty after submit button is click and there is an error so user will not enter any more information to the other field. Is that possible?
/*toggle switch*/
<p><input type="checkbox" name="in_honor" value="" id="checkmemoriam" onclick="showHide(this.name);" />Please check to make this donation in honor of someone special.</p>
/*hide textbox but unhide when the switch is on or the checbox is check*/
<fieldset id="fieldset-in_honor" class="fieldgroup" style="display:none">
<legend class="hide">In Honor Of</legend>
<p>To make this donation in honor of someone special, please complete the two fields below:</p>
<div class="formfield" <?php echo highlight('donate_honor_name'); ?>>
<label for="donate_honor_name">Name:</label>
<input id="donate_honor_name" name="donate_honor_name" class="text" type="text" value="<?php safeEcho($form['donate_honor_name'])?>" />
<?php helper_error('donate_honor_name'); ?>
</div>
<div class="formfield" <?php echo highlight('donate_honor_acknowledgement'); ?>>
<label for="donate_honor_acknowledgement">Acknowledgement should be sent to:</label>
<textarea id="donate_honor_acknowledgement" name="donate_honor_acknowledgement"><?php safeEcho($form['donate_honor_acknowledgement'])?>
Im trying to fire an ajax event when a user leaves a text field. But neither the focus/blur is firing when the text field contains data.
Am I using the correct events?
I'm setting an empty hidden div as the value of a form field and then calling inline div opener using thickbox.js:
Code:
<a href="#" onclick="javascript:document.getElementById('previewdiv').innerHTML = document.forms['form1'].content.value;tb_show('Preview','#TB_inline?height=550&width=500&inlineId=previewdiv');"><span class="icon-32-preview" title="Preview"></span>Preview</a>
<div id="previewdiv" name="previewdiv" style="display:none;"></div>
The thickbox opens with the title "Preview", but is empty.I've alerted the div after setting it, and it does contain the formfield value.Why might this be happening? I've also tried setting the div like this (foo as dummy text - to no avail):
Code:
$('#previewdiv').html('foo');
I am trying to validate a name field for a form I am doing. I am trying to do something that says the user can enter two or more alphabetical characters (which I can do) then they could have a hyphen or space followed by more characters if needed.
So far I have the following code from following examples in the "Working with strings chapter of the book". The code will validate if the user has two or more alphabetical characters but I cant get it to work if I then put in a hyphen.
Code: