| Autor | Zpráva | ||
|---|---|---|---|
| majja01 Profil |
#1 · Zasláno: 31. 7. 2013, 09:46:45
dobrý den,
mám formulář který kontroluji přes jquery vše jsem našel zde jediné co jsem však nenašel je kontrola 2 inputůjestli jsou stejné (heslo a heslo znovu) chtěl bych se zeptat jestli to jde přej jquery nebo to musím přes klasický javascript? pokud možno nějaký příklad ;-) díky majja01 |
||
| David123 Profil * |
#2 · Zasláno: 31. 7. 2013, 10:04:07
Ahoj, nešlo by to vytáhnout z tohohle dema: http://jquery.bassistance.de/validate/demo/ ? Přímo heslo a ověření hesla tam je a vypadá to, že jim to funguje :)
|
||
| majja01 Profil |
#3 · Zasláno: 31. 7. 2013, 10:44:21
našel jsem to ale vůbec mi to nefunguje :( a navíc to potřebuje další 2 js soubory takže nic
|
||
| Joker Profil |
#4 · Zasláno: 31. 7. 2013, 11:09:55
majja01:
A v čem přesně je problém? Kontrola, jestli se hodnoty inputů rovnají, je triviální: jedenInput.value == druhyInput.value.
Z jQuery objektu jde hodnotu získat i metodou val(). |
||
| aDAm Profil |
#5 · Zasláno: 31. 7. 2013, 13:23:36
majja01:
a používáš ten plugin nebo ne? Jaké dva další soubory potřebuješ? Stačí přeci jen jQuery knihovna a tato validační knihovna. Sám sem tuto knihovnu používal a nebyl žáden problém, stačí se jen držet dokumentace. |
||
| majja01 Profil |
No dosud jsem používal tento způsob:
<form id="commentForm"> <input type="text" required> <button type="sumbit">odeslat</button> </form> <script>
$("#commentForm").validate();
</script>a pro kontrolu jednoho formuláře (viz níže) je tam toto: <script>
$(document).ready(function() {
$.mockjax({
url: "emails.action",
response: function(settings) {
var email = settings.data.email,
emails = ["glen@marketo.com", "george@bush.gov", "me@god.com", "aboutface@cooper.com", "steam@valve.com", "bill@gates.com"];
this.responseText = "true";
if ( $.inArray( email, emails ) !== -1 ) {
this.responseText = "That's already taken.";
}
},
responseTime: 500
});
$.mockjax({
url: "users.action",
response: function(settings) {
var user = settings.data.username,
users = ["asdf", "Peter", "Peter2", "George"];
this.responseText = "true";
if ( $.inArray( user, users ) !== -1 ) {
this.responseText = "false";
}
},
responseTime: 500
});
// validate signup form on keyup and submit
var validator = $("#signupform").validate({
rules: {
firstname: "required",
lastname: "required",
username: {
required: true,
minlength: 2,
remote: "users.action"
},
password: {
required: true,
minlength: 5
},
password_confirm: {
required: true,
minlength: 5,
equalTo: "#password"
},
email: {
required: true,
email: true,
remote: "emails.action"
},
dateformat: "required",
terms: "required"
},
messages: {
firstname: "Enter your firstname",
lastname: "Enter your lastname",
username: {
required: "Enter a username",
minlength: jQuery.format("Enter at least {0} characters"),
remote: jQuery.format("{0} is already in use")
},
password: {
required: "Provide a password",
rangelength: jQuery.format("Enter at least {0} characters")
},
password_confirm: {
required: "Repeat your password",
minlength: jQuery.format("Enter at least {0} characters"),
equalTo: "Enter the same password as above"
},
email: {
required: "Please enter a valid email address",
minlength: "Please enter a valid email address",
remote: jQuery.format("{0} is already in use")
},
dateformat: "Choose your preferred dateformat",
terms: " "
},
// the errorPlacement has to take the table layout into account
errorPlacement: function(error, element) {
if ( element.is(":radio") )
error.appendTo( element.parent().next().next() );
else if ( element.is(":checkbox") )
error.appendTo ( element.next() );
else
error.appendTo( element.parent().next() );
},
// specifying a submitHandler prevents the default submit, good for the demo
submitHandler: function() {
alert("submitted!");
},
// set this class to error-labels to indicate valid fields
success: function(label) {
// set as text for IE
label.html(" ").addClass("checked");
},
highlight: function(element, errorClass) {
$(element).parent().next().find("." + errorClass).removeClass("checked");
}
});
// propose username by combining first- and lastname
$("#username").focus(function() {
var firstname = $("#firstname").val();
var lastname = $("#lastname").val();
if(firstname && lastname && !this.value) {
this.value = (firstname + "." + lastname).toLowerCase();
}
});
});
</script>a ještě tam musím dát: jquery.js (to chápu) jquery.validate.js (asi taky) jquery.mockjax.js (nechápu proč ale bez toho to nefunguje) a ještě mi to ke všemu kazí jquery plugin icheck :( mohl by mi někdo pomoct se v tom orientovat |
||
| Joker Profil |
#7 · Zasláno: 1. 8. 2013, 20:30:14
majja01:
„a potom nešel odeslat formulář dokud jsem to nevyplnil dokonce to šlo bez jquery a bez tohoto“ Atribut required je definovaný v HTML 5 specifikaci, takže novější prohlížeče s ním umějí pracovat už na úrovni prohlížeče. Starší prohlížeče ne. |
||
| majja01 Profil |
aha v tom případě le nechápu proč to mají jako exemple na hlavní stránce pluginu jQuery Validation Plugin to mě asi zmátlo
použiju jinačí plugin |
||
|
Časová prodleva: 13 let
|
|||
0