jq 登陆界面 php,利用jquery制作用户登陆界面

1

2

3

4

5

6

7

8

9 var cnresu = false;

10 $(function(){

11 $("input[name='uname']").blur(function(){//blur从链接上移开焦点(鼠标离开框时)

12 var unamestr = $(this).val();

13 var regstr = /^[\u4e00-\u9fa5]{2,4}$/;

14 if(!regstr.test(unamestr)){

15 $(this).parent().next("dd").html("必须是2-4个汉字");

16 cnresu = false;

17 return;

18 }

19 cnresu = true;

20 });

21 $("input[name='uname']").focus(function(){//focus给予链接焦点(鼠标点中框时)

22 $(this).css("border","solid 1px #dddddd");

23 //$(this).val("");

24 $(this).parent().next("dd").html("");

25 });

26 });

27

28

29 #home{

30 width: 600px;

31 height: 300px;

32 margin: auto;

33 background-color: #7FFFD4;

34 }

35 #head{

36 padding-top: 20px;

37 height: 100px;

38 }

39 .dl1{

40 clear: both;

41 }

42 .dl1 dt{

43 float: left;

44 text-align: right;

45 width: 150px;

46 height: 30px;

47 line-height: 30px;

48 }

49 .dl1 dd{

50 float: left;

51 height: 30px;

52 line-height: 30px;

53 }

54 #foot{

55 text-align: center;

56 }

57 h1{

58 padding-top: 20px;

59 text-align: center;

60 color: bisque;

61 }

62

63

64

65

用户登陆

66

67

68

69

用户名 :

70

71

72

73

74

密码 :

75

76

77

78

79

80

81

82

>83

84

85

86

运行截图