symfony 1.4 twitter bootstrap登录
symfony 1.4 twitter bootstrap登录
提问于 2014-06-27 15:10:11
我在symfony 1.4中有一个旧的可以工作的登录表单，每个字段都是使用symfony helpers(renderLabel)显示的。
<form action="<?php echo url_for('core/login') ?>" method="post" class="form-signin">
<div class="alert-error">
<?php if(!empty($error)): ?>
<span class="error"><?php echo $error ?></span><br /><br />
<?php endif; ?>
</div>
<h2 class="form-signin-heading">Welcome To Company</h2>
<legend>Please Sign-in</legend>
<?php echo $form['username']->renderLabel() ?><br />
<?php echo $form['username'] ?>
<?php if($form['username']->hasError()): ?>
<span class="error"><?php echo $form['username']->getError() ?></span>
<?php endif; ?>
<br />
<?php echo $form['password']->renderLabel() ?><br />
<?php echo $form['password'] ?>
<?php if($form['password']->hasError()): ?>
<span class="error"><?php echo $form['password']->getError() ?></span>
<?php endif; ?>
<br />
<button class="btn btn-lg btn-primary btn-block" type="submit" value="Login" >Login</button>
</form>
但我喜欢修改它，并添加一些“帅气”的外观，所以我需要用这个替换表单。
<h1 class="text-center login-title">Some Company</h1>
<p class="text-center">Please Sign-in</p>
<input type="text" name="username" class="form-control" placeholder="Username" required autofocus >
<input type="password" name="password" class="form-control" placeholder="Password" required>
<button class="btn btn-lg btn-primary btn-block" type="submit" value="Login">Sign in</button>修改登录表单的可能方法有哪些？我只需要修改登录表单。
回答 1
Stack Overflow用户
发布于 2014-06-27 16:48:41
明白了..我把它硬编码成了accomplish..In我的loginForm.class.php
<?php
class LoginForm extends BaseForm {
public function configure() {
$this->setWidgets(array(
'username'=>new sfWidgetFormInputText(array(), array('size'=>32, 'class'=>'form-controll','placeholder' => 'Username')),
'password'=>new sfWidgetFormInputPassword(array(), array('size'=>32, 'class'=>'form-controll','placeholder' => 'Password'))
));
$this->widgetSchema->setNameFormat('login[%s]');
$this->setValidators(array(
'username'=>new sfValidatorString(array('max_length'=>50)),
'password'=>new sfValidatorString()
));
$this->widgetSchema->setLabels(array(
'username'=>'Username',
'password'=>'Password'
));
}}
然后，我为表单控制类添加了一个自定义css
<style>
.form-controll{position:relative;font-size:16px;height:auto;-webkit-box-sizing:border- box;-moz-box-sizing:border-box;box-sizing:border-box;padding:10px;}..form controll:焦点{z-index:2；}
然后在我的模板中
<script>
$(document).ready(function(){
setTimeout(function() { $("#flip").fadeToggle(2000);},2000)
});
</script>
<div class="container" id="divcon">
<div class="row">
<div class="col-sm-6 col-md-4 col-md-offset-4">
<div class="account-wall">
<img class="profile-img" src="https://lh5.googleusercontent.com/-b0- k99FZlyE/AAAAAAAAAAI/AAAAAAAAAAA/eu7opA4byxI/photo.jpg?sz=120"
alt="solidbond">
<?php if(!empty($error)): ?>
<div class="modal-body" id="flip">
<?php echo $error ?></div><br /><br />
<?php endif; ?>
<?php if($form['username']->hasError()): ?>
<div class="modal-body" id="flip">
<?php echo $form['username']->getError() ?>
</div>
<?php endif; ?>
<?php if($form['password']->hasError()): ?>
<div class="modal-body" id="flip">
<?php echo $form['password']->getError() ?>
</div>
<?php endif; ?>
<form action="<?php echo url_for('core/login') ?>" method="post" class="form-signin">
<h1 class="text-center login-title">Company</h1>
<p class="text-center">Please Sign-in</p>
<?php echo $form['username'] ?><br />
<?php echo $form['password'] ?><br />
<button class="btn btn-lg btn-primary btn-block" type="submit" value="Login">Sign in</button>
<label class="checkbox pull-left">
<input type="checkbox" value="remember-me">
Remember me
</label>
<a href="#" class="pull-right need-help">Need help? </a><span class="clearfix"></span>
</form>
</div>
<a href="#" class="text-center new-account">Maintained By: you </a>
</div>
</div>
我编写了一段j查询来分隔用户名和密码字段中的表单错误。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/24445981
复制相关文章
相似问题
腾讯云开发者
