I am trying to validate my 2 password fields with a custom message.Here's the code i'm trying to use, but it keeps failing:class="{required:true, equalTo:true, messages:{required:'Please type a password(min. 5 signs)', equalTo:'Pass dosen't match'}}"What is wrong, is it possible to do it by this code?
View 1 RepliesHas anyone performed or seen a customization of validatepassword? I'm looking to create a custom validation and don't know where to start.
View 5 Replies View RelatedThis code will not work no matter what I do.
function comparePassword(){
pass1 = document.getElementByName('password');
pass2 = document.getElementByName('cpassword');
if(pass1.value != pass2.value){
document.getElementById('matchpass').innerHTML = "Passwords do not match!";
}}
<!DOCTYPE html PUBLIC "-W3CDTD XHTML 1.0 TransitionalEN" "[URL]">
<html><head>
<title>Game Makers United - Uniting game makers with the help they need</title>
<script language="Javascript" src="javascript.js" type="text/javascript"></script>
</head><body>
<form method="post" onsubmit="comparePassword();" >
<table width="100%">
<tbody><tr>
<td width="150px">Username: </td>
<td><input type="text" name="username" maxlength="32" /></td>
</tr><tr>
<td width="150px">Password: </td>
<td><input type="password" name="password" maxlength="32" /></td>
</tr><tr>
<td width="150px">Confirm Password: </td>
<td><input type="password" name="cpassword" maxlength="32" />
<span id="matchpass"></span></td>
</tr><tr>
<td><input type="submit" name="register" value="Register" /></td>
</tr></tbody></table>
</form></body></html>
All it's supposed to do is check whether or not "password" and "cpassword" match, if they don't it's supposed to put "Passwords do not match!" in the span "matchpass". I can't see anything wrong with the code and javascript is enabled in my brower. GetElementByName does not exist, so I switched it to getElementById and it works perfectly.
I have the, how can I let the alert box become wider and the text message become big.
<script type="text/javascript">
$(document).ready(function() {
alert('Please dosomethin before.');
});
</script>
I'm trying to create a function to show a custom message as a tooltip when a user hovers over a table row.
My tr tag looks like this
The javascript function looks like this:
jQuery seems to be loaded correctly, as I get the alert. I don't get the tooltip, however.
What I'm trying to do, in case this is totally retarded and impossible to see, is to hover a tooltip over the clicked row instead of passing it in as a variable.
i faced a problem in java script which is when i want to prompt a message box and enable to let user to type their own password. but i found that a problem is when the user type their own password in the prompt box's text box, the text box's text mode is normal but not password mode. So to prevent more security and don't allow other people see the password when typing, what should i do? or have other ways to let me finish this task?
View 1 Replies View RelatedI am attempting to create an ASP.NET Custom Validator javascript for a
checkboxlist control. My goal is to limit the total number of
selections to be 1 - 5 at most. My problem is that I get a null
reference when I attempt to retrieve an object for an individual list
item, which of course results in an "object required" error message....
i have created one simple login form with 5 fields namely username,email id,password,retype password and phone no.i have created alert message for each function,so that when there is an error it displays alert message..now i have to replace all alert messages with inline validation(displays errors beside textbox).
<code>
<html>
<head>
[code]....
below is the code for simple login form having fields username,email id,password,retype password and phone no. i have done inline validation forcheckName() .i am not getting for the other fields can u tell me how to do it..
Code:
<html>
<head>
[code]....
I'm having trouble getting two password boxes to work on the same page, which I created using the JavaScript Kit Encrypted Password Generator [URL].
I've used the code that this generator produces, with some modifications as given by cheesebagpipe [URL]. These changes enable the user to press the keyboard's enter key to submit the password (as an alternative to clicking the submit button), and will also refocus the text box and select the text in it if the user enters the wrong password.
The code works fine on pages with just one box (e.g. [URL]), but what changes are needed to make two work on the same page? (I'm new to web design and clueless when it comes to JavaScript, which I know isn't the most secure method of password protection, but will do for now).
At the moment, on pages with two boxes (e.g. [URL]), neither of the boxes work; this appears in the address bar instead: [URL] ('help!'=whatever has been entered in the text box).
The full code for both boxes is given below.
<div id="passwordBoxes">
<div id="password2">
<form name="password1" onsubmit="submitentry();return false;">
<span class="WhiteLogin">Keyboard classes login</span>
[Code].....
I want to validate new password with repeat password befor user press submit.
<p align="center">To reset your password, provide your current password</p>
<form id="form1" name="form1" method="post" action="pcq.php">
<table border="0" align="center" class="mytable2" style="margin-left:175px" >
<tr>
[Code].....
How would you make a password feild and a retype password feild and they have to be the same?
View 15 Replies View RelatedThis is a secure solution for password protection with JavaScript. It works by encrypting the password and the content. Nothing is revealed in the source code, and it cannot be beaten by disabling JavaScript.
The download contains three files:
Protect Content.html lets you generate your own protected content.
Demo.html is a protected document, and as long as it remains unbroken, it's your proof that this software works. You can also use it as a template for your own protected pages.
Demo, with hint.html is another protected document that tells you the password. This is meant to show that the first demo is not a trick or a fake.
How do I tell my password function to have input type="password" onfocus. I also want the text "Password" to disappear onfocus.
[Code]...
I'm using the latest version of JQuery. How do write an expression to match multiple classes, but only for elements that are inputs of type="button" or type="submit"? I have figured out how to match multiple classes with the expression .
View 4 Replies View RelatedBit of a noob question, but I'm using the following code to get a menu tab to highlight/switch classautomatically based on the id of the page in the querystring. All is working well until the page ids hit double digits. Subsequently a menu with the link "p=10" and above will highlight when "p=1" in the location bar. How should Iamend the code to prevent this partial match? The menu item links always end after "p="; there are no furtherkeys in the querystring toact as a delimiter.
[Code]..
I am trying to get good using the $.each() in jQuery. I have a simple little task that I want to solve.
I have created a simple page with 100 boxes, each box with 4 colors. What I want to happen is if you click one box, it will change colors to the next box and so on. so for example here are 4 boxes
Red | Green | Blue | Yellow
If you click on Red you would get:
Green | Green | Blue | Yellow
If you click on the Green (1st one) you would get:
Blue | Green | Blue | Yellow
I have created a jsfiddle for you to view with what I have so far. I am stumpped at creating a match for the class name and if it matches to then go onto the next color in the array.
[URL]
Is there a possibility to get the alt text ...
var pattern='.foto-img img';
var text=$(this).find(pattern).attr('alt');
... by changing the pattern string only?I need to go this route:
var pattern='.foto-img img ???????';
var text=$(this).find(pattern).text();
I need to match an h3 with a p that has the same class. However, there are multiple elements and multiple classes, so I'm trying to store the class in a variable (x) and say "when I hover over the h3 with class x, get the p with class x and fade it in".
I can't seem to get it.
Here's my situation: I'd like to have links to my organization's sites open in the current window, but links to other sites open in a new window. The tricky part is that not all of our sites are on the same (or even similar) domains.This works just fine for matching foo.org:
$(".article a[href*='http:']").not("[href*=foo.org']").attr('target','_blank').addClass('external');
I'd like to widen this so that links to foo.org, bar.net and whatever,com all open in the current window. It seems like everything I try won't work because I can only match all instead of any.
i currently have a problem which i cant resolve and i cant seem to find a solution (i actually not sure what to look for). My jquery level is medium-low and im trying to take it to a higher level right now.
I have a var which holds a href value. However i only need part of the string.
[Code]...
is there a concise way of matching a bunch of elements by style - specifically the display -
Code:
var hiddenParents = $(this).parents('has a style display: none');
I know about hidden & visbile etc - but need to match elements specifically hidden (ie NOT those that are children of hidden elements too)
I've been doing a lot of googling and im having touble finding information on how to do the following.I have an input field: $("#my_field")Which contains the following following text: |1||4||9||10|When the user clicks a button i want to check to if : |4| is in $("#my_field").val()I can find examples on how to check all input fields, however i only want to check the one.
View 3 Replies View RelatedCurrently I'm trying to create a menu with a mouseover effect on a link, which causes an image to display. All images are positioned on the same place, so the optical effect is that one image changes all the time. To achieve this I created an unordered list with the links / items in it, and I created a div with the (corresponding) images. On a mouseover event over a link, the index number of the current li element is stored in a variable, and I want to use that variable to select the corresponding image.
(So <li> index:2 corresponds to <img> index:2)
So in 'human language':
on mouseover of li {
var indexNumber = li.indexnumber
change class of img[indexNumber]
}
But I can't get it to work. I managed to store the 'current' indexnumber successfully in a variable:
var indexNumber = $("li").index(this);
But I can't use the variable to select the corresponding <img> I tried:
$('.slidemenuImgbox img:eq(indexNumber)').addClass('slidemenu_show');
But nothing happens
However when I do:
$('.slidemenuImgbox img:eq(1)').addClass('slidemenu_show');
The image with index:1 is changed.
How to use a variable in :eq()
To see a 'live' example (With no images changing): [URL]
I'm using the Quicksearch plug-in and it does everything I need except for one thing. If I have two rows, for example:
"Blood oranges" and
"Green apples"
And I search for "a", it's going to match both rows because it matches the "a" in "oranges". What I need to is to match only the beginning of each word, so that typing "a" in this case would only give me "Green apples". Is this possible?
local links meaning links within the same document <a href="#somewhere"> types of links. how do i match all such links and events?
View 1 Replies View Related