Добрый день!
Я использую страницу ASP.NET с главной страницей. Я хочу выполнить проверку полей ввода в реальном времени (). Теперь все уроки, демо/плагины, которые я видел, используют обычные HTML-метки. Я пытался реализовать некоторые из них в своей форме, но они не работают. (Я использую главную страницу и обычную веб-форму aspx...)
ОБНОВЛЕНИЕ: п р о б л е м а с з а м е н о й т е г о в в в о д а э л е м е н т а м и у п р а в л е н и я a s p д л я п о л е й п а р о л я . . . < / p > < b r / > < b r / > О р и г и н а л ь н ы е э л е м е н т ы в в о д а < / p > < b r / > < b r / > < c o d e > & l t ; f i e l d s e t & g t ; < b r / > & l t ; l e g e n d & g t ; V a l i d a t i n g a c o m p l e t e f o r m & l t ; / l e g e n d & g t ; < b r / > & l t ; p & g t ; < b r / > & l t ; l a b e l f o r = " f i r s t n a m e " & g t ; F i r s t n a m e & l t ; / l a b e l & g t ; < b r / > & l t ; i n p u t i d = " f i r s t n a m e " n a m e = " f i r s t n a m e " t y pe="text" />
Lastname
Username
Password
Confirm password
Email
Please agree to our policy
I'd like to receive the newsletter
Я хочу заменить приведенное выше следующими элементами управления ASP
Теперь все работает, кроме полей пароля? Почему? Кроме того, идентификаторы не имеют значения, поскольку валидатор работает с полями имени и типа...
jQuery:
$.validator.setDefaults({
submitHandler: function () { alert("submitted!"); }
});
$().ready(function () {
// validate signup form on keyup and submit
$("form").validate({
rules: {
firstname: "required",
lastname: "required",
username: {
required: true,
minlength: 2
},
password: {
required: true,
minlength: 5
},
confirm_password: {
required: true,
minlength: 5,
equalTo: "#password"
},
email: {
required: true,
email: true
},
topic: {
required: "#newsletter:checked",
minlength: 2
},
agree: "required"
},
messages: {
firstname: "Please enter your firstname",
lastname: "Please enter your lastname",
username: {
required: "Please enter a username",
minlength: "Your username must consist of at least 2 characters"
},
password: {
required: "Please provide a password",
minlength: "Your password must be at least 5 characters long"
},
confirm_password: {
required: "Please provide a password",
minlength: "Your password must be at least 5 characters long",
equalTo: "Please enter the same password as above"
},
email: "Please enter a valid email address",
agree: "Please accept our policy"
}
});
// 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;
}
});
//code to hide topic selection, disable for demo
var newsletter = $("#newsletter");
// newsletter topics are optional, hide at first
var inital = newsletter.is(":checked");
var topics = $("#newsletter_topics")[inital ? "removeClass" : "addClass"]("gray");
var topicInputs = topics.find("input").attr("disabled", !inital);
// show when newsletter is checked
newsletter.click(function () {
topics[this.checked ? "removeClass" : "addClass"]("gray");
topicInputs.attr("disabled", !this.checked);
});
});
НАСТОЯЩИЙ ОТОБРАЖЕННЫЙ HTML (относящийся к форме)
$.validator.setDefaults({
submitHandler: function() {
alert("submitted!");
}
});
$().ready(function() {
// validate signup form on keyup and submit
$("form").validate({
rules: {
firstname: "required",
lastname: "required",
username: {
required: true,
minlength: 2
},
password: {
required: true,
minlength: 5
},
confirm_password: {
required: true,
minlength: 5,
equalTo: "#password"
},
email: {
required: true,
email: true
},
topic: {
required: "#newsletter:checked",
minlength: 2
},
agree: "required"
},
messages: {
firstname: "Please enter your firstname",
lastname: "Please enter your lastname",
username: {
required: "Please enter a username",
minlength: "Your username must consist of at least 2 characters"
},
password: {
required: "Please provide a password",
minlength: "Your password must be at least 5 characters long"
},
confirm_password: {
required: "Please provide a password",
minlength: "Your password must be at least 5 characters long",
equalTo: "Please enter the same password as above"
},
email: "Please enter a valid email address",
agree: "Please accept our policy"
}
});
// 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;
}
});
//code to hide topic selection, disable for demo
var newsletter = $("#newsletter");
// newsletter topics are optional, hide at first
var inital = newsletter.is(":checked");
var topics = $("#newsletter_topics")[inital ? "removeClass" : "addClass"]("gray");
var topicInputs = topics.find("input").attr("disabled", !inital);
// show when newsletter is checked
newsletter.click(function() {
topics[this.checked ? "removeClass" : "addClass"]("gray");
topicInputs.attr("disabled", ! t h i s . c h e c k e d ) ; < b r / > } ) ; < b r / > } ) ; < b r / > & l t ; / s c r i p t & g t ; < b r / > & l t ; f o r m m e t h o d = " g e t " a c t i o n = " S i g n u p P e r s o n a l . a s p x " i d = " a s p n e t F o r m " < b r / > c l a s s = " c m x f o r m " & g t ; < b r / > & l t ; d i v c l a s s = " a s p N e t H i d d e n " & g t ; < b r / > & l t ; i n p u t t y p e = " h i d d e n " n a m e = " _ _ V I E W S T A T E " i d = " _ _ V I E W S T A T E " v a l u e = " / w E P D w U L L T I w M j k 5 M T c 4 M z E P Z B Y C Z g 9 k F g I C B Q 9 k F g I C A Q 9 k F g I C M A 8 Q D x Y G H g 1 E Y X R h V G V 4 d E Z p Z W x k B Q 9 F b n V t R G V z Y 3 J p c H R p b 2 4 e D k R h d G F W Y W x 1 Z U Z p Z W x k B Q l F b n V t V m F s d W U e C 1 8 h R G F 0 Y U J v d W 5 k Z 2 Q Q F Q M F R W 1 h a W w l T m 9 0 a W Z p Y 2 F 0 a W 9 u I H Z p Y S B N b 2 J p b G U g V G V 4 d C B N Z X N z Y W d l c w R C b 3 R o F Q M B M A E x A T I U K w M D Z 2 d n Z G R k s m D j L i f K F 4 + h M s 8 A h f X / b w c g v t 2 Q q Q R u Z W n g X c H 7 A G M = " < b r / > / & g t ; < b r / > & l t ; / d i v & g t ; < b r / > & l t ; d i v c l a s s = " a s p N e t H i d d e n " & g t ; < b r / > & l t ; i n p u t t y p e = " h i d d e n " n a m e = " _ _ E V E N T V A L I D A T I O N " i d = " _ _ E V E N T V A L I D A T I O N " v a l u e = " / w E d A B B f r 2 c G X Q N K g k 5 u / s u i S / e B M B P t P H D 3 I b R v k + y x e Y b 2 4 5 7 g K W 6 a C Q 3 y N B T G 9 L y K Z 4 c u b O X F 5 t O Y l s i I B c y r D b y Q 4 w K H h H I V K N 2 D C Q e F U h f 9 f W A U C u Z O o b 8 W z L Z C H N X a d + 6 l H / v C a P f C L o T h u E r + 9 J z l 6 w A t 6 c u J + L + 2 7 / N r m m 6 u p A z / / s w W W 9 B i j j 8 L 6 6 V L U 8 X q a 5 7 A 9 0 p L u 4 v V l I Q K R M N C P M n V T R V 7 Q u T 7 x g h z X A p Y 9 g 0 E I z f F o c d 5 Q m e b 8 R C z K L n Y N u / s H r 3 w 5 H v 9 l 1 I O x 6 m N G O q E 5 L W Q W c a F A w I x N H V t D 2 p k S r W z z 9 g k U Q e p n H O Z G 7 M 8 3 c V / F F q h R A D q 7 X 7 P I T x L g 4 J w t Y X 8 Y w 9 N 8 Z i v t S z 9 f 1 K 3 1 1 7 Q X O t S n 4 M T H t K k N B E = " < b r / > / & g t ; < b r / > & l t ; / d i v & g t ; < b r / > & l t ; d i v i d = " s i g n u p P e r s o n a l " & g t ; < b r / > & l t ; t a b l e & g t ; < b r / > & l t ; t r & g t ; < b r / > & l t ; t d c l a s s = " t d R i g h t " & g t ; & l t ; s p a n i d = " c t l 0 0 _ C o n t e n t P l a c e H o l d e r 1 _ L a b e l N a m e " & g t ; N a m e : & l t ; / s p a n & g t ; < b r / > < b r / > & l t ; / t d & g t ; < b r / > & l t ; t d c l a s s = " t d L e f t " & g t ; < b r / > & l t ; i n p u t n a m e = " c t l 0 0 $ C o n t e n t P l a c e H o l d e r 1 $ T e x t B o x N a m e " t y p e = " t e x t " m a x l e n g t h = " 5 0 " < b r / > i d = " T e x t B o x N a m e " n a m e = " f i r s t n a m e " / & g t ; < b r / > & l t ; / t d & g t ; < b r / > & l t ; / t r & g t ; < b r / > & l t ; t r & g t ; < b r / > & l t ; t d c l a s s = " t d R i g h t " & g t ; & l t ; s p a n i d = " c t l 0 0 _ C o n t e n t P l a c e H o l d e r 1 _ L a b e l S u r n a m e " & g t ; S u r n a m e : & l t ; / s p a n & g t ; < b r / > < b r / > & l t ; / t d & g t ; < b r / > & l t ; t d c l a s s = " t d L e f t " & g t ; < b r / > & l t ; i n p u t n a m e = " c t l 0 0 $ C o n t e n t P l a c e H o l d e r 1 $ T e x t B o x S u r n a m e " t y p e = " t e x t " m a x l e n g t h = " 5 0 " < b r / > i d = " T e x t B o x S u r n a m e " c l a s s = " r e q u i r e d " / & g t ; < b r / > & l t ; / t d & g t ; < b r / > & l t ; / t r & g t ; < b r / > & l t ; t r & g t ; < b r / > & l t ; t d c l a s s = " t d R i g h t " & g t ; & l t ; s p a n i d = " c t l 0 0 _ C o n t e n t P l a c e H o l d e r 1 _ L a b e l P i n " & g t ; P r e f e r r e d P i n : & l t ; / s p a n & g t ; < b r / > < b r / > & l t ; / t d & g t ; < b r / > & l t ; t d c l a s s = " t d L e f t " & g t ; < b r / > & l t ; i n p u t n a m e = " c t l 0 0 $ C o n t e n t P l a c e H o l d e r 1 $ T e x t B o x P i n " t y p e = " p a s s w o r d " m a x l e n g t h = " 1 0 " < b r / > i d = " T e x t B o x P i n " c l a s s = " r e q u i r e d " / & g t ; < b r / > & l t ; / t d & g t ; < b r / > & l t ; / t r & g t ; < b r / > & l t ; t r & g t ; < b r / > & l t ; t d c l a s s = " t d R i g h t " & g t ; & l t ; s p a n i d = " c t l 0 0 _ C o n t e n t P l a c e H o l d e r 1 _ L a b e l C o n f i r m P i n " & g t ; C o n f i r m P i n : & l t ; / s p a n & g t ; < b r / > < b r / >
Home Number:
Cell Number:
ID Number:
Email Address (to be used as username):
Postal Address:
Password:
Confirm Password:
Preferred method of contact:
Email
Notification via Mobile Text Messages
Both
Подробнее здесь: https://stackoverflow.com/questions/151 ... t-controls
Использование проверки формы ajax/jQuery в элементах управления ASP.NET ⇐ Jquery
-
- Похожие темы
- Ответы
- Просмотры
- Последнее сообщение