|
17 | 17 | </head> |
18 | 18 | <body> |
19 | 19 | <div class="form-group"> |
20 | | - <div class="text-center"> |
| 20 | + <div class="form-horizontal" style="margin-top: 10%"> |
21 | 21 | <div class="form-group"> |
22 | | - <input type="text" name="name" id="name" tabindex="1" class="form-control" placeholder="FriendName" required autofocus/> |
| 22 | + <label class="col-sm-3 control-label">好友名:</label> |
| 23 | + |
| 24 | + <div class="col-sm-6"> |
| 25 | + <input type="text" name="name" id="name" tabindex="1" |
| 26 | + class="form-control" placeholder="FriendName" required autofocus /> |
| 27 | + <span class="help-block m-b-none">你可以为你的好友起一个名字</span> |
| 28 | + </div> |
23 | 29 | </div> |
24 | 30 | <div class="form-group"> |
25 | | - <input type="微博地址" name="weibourl" id="weibourl" tabindex="2" class="form-control" placeholder="微博昵称"required autofocus/> |
| 31 | + <label class="col-sm-3 control-label">微博主页url:</label> |
| 32 | + |
| 33 | + <div class="col-sm-6"> |
| 34 | + <input type="text" name="weibourl" id="weibourl" tabindex="2" |
| 35 | + class="form-control" placeholder="微博主页url" /> |
| 36 | + </div> |
26 | 37 | </div> |
27 | 38 | <div class="form-group"> |
28 | | - <input type="天涯地址" name="tianyaurl" id="tianyaurl" tabindex="3" class="form-control" placeholder="天涯主页"/> |
| 39 | + <label class="col-sm-3 control-label">天涯主页url:</label> |
| 40 | + |
| 41 | + <div class="col-sm-6"> |
| 42 | + <input type="text" name="tianyaurl" id="tianyaurl" tabindex="3" |
| 43 | + class="form-control" placeholder="天涯主页url" /> |
| 44 | + </div> |
29 | 45 | </div> |
30 | 46 | <div class="form-group"> |
31 | | - <div class="row"> |
32 | | - <div class="col-sm-6 col-sm-offset-3"> |
33 | | - <input type="submit" name="add-submit" id="add-submit" tabindex="4" class="form-control btn btn-login" value="添加" onclick="ajaxTest();"/> |
34 | | - </div> |
| 47 | + <div class="col-sm-offset-3 col-sm-6"> |
| 48 | + <input type="submit" name="add-submit" id="add-submit" tabindex="4" |
| 49 | + class="form-control btn btn-login" value="添加" |
| 50 | + onclick="ajaxTest();" /> |
35 | 51 | </div> |
36 | 52 | </div> |
37 | 53 | </div> |
38 | 54 | </div> |
39 | 55 |
|
40 | 56 |
|
41 | 57 | <script type="text/javascript"> |
42 | | - function ajaxTest(){ |
| 58 | + function ajaxTest() { |
43 | 59 | var id = ${userLogin.id }; |
44 | 60 | $.ajax({ |
45 | | - type:"post", |
46 | | - url:"tianjia", |
47 | | - data:{ |
48 | | - id:id, |
49 | | - name:$("#name").val(), |
50 | | - weibourl:$("#weibourl").val(), |
51 | | - tianyaurl:$("#tianyaurl").val() |
| 61 | + type : "post", |
| 62 | + url : "tianjia", |
| 63 | + data : { |
| 64 | + id : id, |
| 65 | + name : $("#name").val(), |
| 66 | + weibourl : $("#weibourl").val(), |
| 67 | + tianyaurl : $("#tianyaurl").val() |
52 | 68 | }, |
53 | | - dataType:"json", |
54 | | - error:function(){ |
55 | | - if($("#msg") == "fail") |
56 | | - { |
57 | | - alert("error"); |
58 | | - } |
59 | | - else{ |
60 | | - window.location.href="FriendsList?id="+id; |
61 | | - } |
| 69 | + dataType : "json", |
| 70 | + error : function() { |
| 71 | + window.location.href = "FriendsList?id=" + id; |
62 | 72 | } |
63 | 73 | }) |
64 | 74 | } |
|
0 commit comments