{"title":"Login","body":"<style type=\"text\/css\">\r\nlabel { width:150px;float:left;font-weight:bold;font-size:12px; }\r\ninput.normal { width:120px; height:18px; line-height:16px; }\r\ninput.right, button.right { float:right; }\r\ninput.error { border: 1px solid red; float:left; }\r\n#userloginform label.error {  margin-left:10px; font-weight: bold; color: red; float:left; width:auto; white-space: nowrap; }\r\ndiv#user_status_message { font-size:12px;color:red;font-weight:bold; }\r\n<\/style>\r\n<form id=\"userloginform\">\r\n<label>Username:<\/label>\r\n<input class=\"normal\" type=\"text\" name=\"username\" id=\"username\" size=\"30\" required=\"required\" \/>\r\n<br \/>\r\n<label>Password:<\/label>\r\n<input class=\"normal\" type=\"password\" name=\"password\" id=\"password\" size=\"30\" required=\"required\" \/>\r\n<br \/>\r\n<input style=\"float:left;\" type=\"checkbox\" name=\"remember\" id=\"remember\" \/> <label style=\"width:300px\" for=\"remember\">Remember me<\/label>\r\n<br \/>\r\n<div id=\"user_status_message\"><\/div>\r\n<br class=\"clear\" \/>\r\n<span style=\"float:left;font-size:12px;\"><a href=\"http:\/\/www.gameframe.co.uk\/en\/user\/forgotpassword\">Forgot your password?<\/a><\/span>\r\n<button id=\"loginbtn\" class=\"right\" type=\"submit\">Login<\/button>\r\n<\/form>\r\n\r\n<script type=\"text\/javascript\">\r\n$(function() {\r\n\t$(\"button:submit, input:button, input:submit\" ).button();\r\n\r\n\t$(\"#userloginform\").validate({\r\n\t\trules: {\r\n\t\t\tusername: { required: true, minlength: 2 },\r\n\t\t\tpassword: { required: true, minlength: 5 }\r\n\t\t},\r\n\t\tmessages: {\r\n\t\t\tusername: {\r\n\t\t\t\trequired: \"Please enter a username\",\r\n\t\t\t\tminlength: \"Your username must consist of at least 2 characters\"\r\n\t\t\t},\r\n\t\t\tpassword: {\r\n\t\t\t\trequired: \"Please enter a password\",\r\n\t\t\t\tminlength: \"Your password must consist of at lease 2 characters\"\r\n\t\t\t}\r\n\t\t},\r\n\t\terrorPlacement: function(error, element) {\r\n\t\t\tif ( element.is(\":checkbox\") )\r\n\t\t\t\terror.insertAfter( element.next() );\r\n\t\t\telse\r\n\t\t\t\terror.insertAfter( element );\r\n\t\t},\r\n\r\n        success: function(label) { \r\n            \/\/ set   as text for IE \r\n            label.html(\" \").addClass(\"checked\"); \r\n        },\r\n\t\tsubmitHandler: function(form) {\r\n        \tvar page=\"http:\/\/www.gameframe.co.uk\/en\/user\/login\";\r\n    \t\t$.ajax({ url:page, data:$(\"#userloginform\").serialize(), type:'POST', dataType:\"json\", success:function(ret) { if (ret.status == 1) { $(\"#user_menu\").html(ret.body); $(\"#user_dialog\").dialog(\"close\"); } else if (ret.status == 0) { $(\"#user_status_message\").html(ret.error.login); }}});\r\n    \t\treturn false;\r\n\t\t}\r\n\t});\r\n\r\n\t\r\n});\r\n<\/script>","status":0}