Php Laravel4+;引导:如何在验证错误时使字段变为红色
在Laravel4+Bootstrap 2.3.1中,我有一个表单可以正确地进行验证。 有三个必填字段:姓名-电子邮件-电话 未插入任何内容或电子邮件格式不正确时,将显示错误消息。 但除此之外,我想将字段设置为红色,以便更好地显示错误所在。 如何在Laravel+引导中实现这一点 这是带有三个必填字段的表单:Php Laravel4+;引导:如何在验证错误时使字段变为红色,php,validation,twitter-bootstrap,laravel,laravel-4,Php,Validation,Twitter Bootstrap,Laravel,Laravel 4,在Laravel4+Bootstrap 2.3.1中,我有一个表单可以正确地进行验证。 有三个必填字段:姓名-电子邮件-电话 未插入任何内容或电子邮件格式不正确时,将显示错误消息。 但除此之外,我想将字段设置为红色,以便更好地显示错误所在。 如何在Laravel+引导中实现这一点 这是带有三个必填字段的表单: <form name="room" method="post" class="narrow_width"> <label><span><i
<form name="room" method="post" class="narrow_width">
<label><span><i class="icon-user"></i></span> Name <span class="color-red">*</span></label>
{{ Form::text('name',Input::old('name'), array('class' => 'span7 border-radius-none')) }}
<label><span><i class="icon-envelope-alt"></i></span> Email <span class="color-red">*</span></label>
{{ Form::text('email',Input::old('email'), array('class' => 'span7 border-radius-none')) }}
<label><span><i class="icon-phone"></i></span> Phone number <span class="color-red">*</span></label>
{{ Form::text('phone',Input::old('phone'), array('class' => 'span7 border-radius-none')) }}
<p><button type="submit" name="submit" class="btn-u">Send Message</button></p>
</form>
名字*
{{Form::text('name',Input::old('name'),array('class'=>'span7 border radius none'))}
电子邮件*
{{Form::text('email',Input::old('email'),array('class'=>'span7 border radius none'))}
电话号码*
{{Form::text('phone',Input::old('phone'),array('class'=>'span7 border radius none'))}
发送消息
多谢各位 在引导中,您可以创建id为“inputError”的errorfield:
在引导中,您可以创建id为“inputError”的errorfield:
我认为在laravel表单类中没有一种简单的方法可以做到这一点。我个人使用我自己的软件包。如果你不想,你可以用它,但它可能会改变 无论如何,执行此操作的原始代码如下所示:
<div class="control-group {{ $errors->has($id) ? 'error' : false }}">
<label for="{{ $id }}" class="control-label">{{ $text }} {{ $required ? '<span class="required-red">*</span>' : ''}}</label>
<div class="controls">
<input type="{{ $type }}" id="{{ $id }}" name="{{ $id }}" value="{{ $value }}">
@if ($helpText)
<span class='help-inline'>{{ $helpText }}</span>
@endif
@foreach($errors->get($id) as $message)
<span class='help-inline'>{{ $message }}</span>
@endforeach
</div>
</div>
我不认为有一个简单的方法可以做到这一点与拉威尔形式类。我个人使用我自己的软件包。如果你不想,你可以用它,但它可能会改变 无论如何,执行此操作的原始代码如下所示:
<div class="control-group {{ $errors->has($id) ? 'error' : false }}">
<label for="{{ $id }}" class="control-label">{{ $text }} {{ $required ? '<span class="required-red">*</span>' : ''}}</label>
<div class="controls">
<input type="{{ $type }}" id="{{ $id }}" name="{{ $id }}" value="{{ $value }}">
@if ($helpText)
<span class='help-inline'>{{ $helpText }}</span>
@endif
@foreach($errors->get($id) as $message)
<span class='help-inline'>{{ $message }}</span>
@endforeach
</div>
</div>
感谢您的努力,尤其是@AndHeiberg。 为了简单起见,我决定放弃Laravel引导验证,改用jquery插件: 主要原因是它非常容易使用。 调用插件并在标记中插入“required”就足够了。
插件将完成所有其他操作,以红色突出显示字段并显示该字段的错误消息。感谢您的努力,尤其是@AndHeiberg。 为了简单起见,我决定放弃Laravel引导验证,改用jquery插件: 主要原因是它非常容易使用。 调用插件并在标记中插入“required”就足够了。
该插件将完成所有其他操作,以红色突出显示该字段并显示该字段的错误消息。您可以轻松使用表单宏,这里有一系列适用于Bootstrap 3:
希望这有帮助…您可以轻松使用表单宏,这里有一系列适用于Bootstrap 3:
希望这对您有所帮助……如果您的目的是使错误更加明显,您可以将Laravel验证错误返回的消息文本包装在一个范围内,并对其进行样式设置
{{ $errors->first('email', "<span class='error'>:message</span>")}}
{{$errors->first('email',“:message”)}
其中
:message
是错误消息的“占位符”。然后您可以为设置任何样式。error
可以根据您的需要设置范围。查看此项了解更多详细信息(3:10之后)。如果您的目的是使错误更加明显,则可以将Laravel验证错误返回的消息文本包装在一个范围内,并对其进行样式设置
{{ $errors->first('email', "<span class='error'>:message</span>")}}
{{$errors->first('email',“:message”)}
其中
:message
是错误消息的“占位符”。然后您可以为设置任何样式。error
可以根据您的需要设置范围。查看此项了解更多详细信息(3:10之后)。您真的应该查看前一项-其惊人之处-并自动处理所有这些:您真的应该查看前一项-其惊人之处-并自动处理所有这些:我不知道这是否是官方推荐的在非常旧版本的引导中执行此操作的方法,但在HTML中,每个文档只允许使用一次ID,因此如果您有多个错误,则会导致文档无效。我不知道这是否是官方推荐的在非常旧版本的Bootstrap中执行此操作的方法,但在HTML中,每个文档只允许使用一次ID,因此,如果您有多个错误,这将使您的文档无效。我正在做类似的事情,但它总是html解码,我在Laravel 5.0上尝试了这一点,但似乎不起作用。。@thegreencolla这个答案对Laravel4.2是有效的,我不确定它是否能与5.0一起工作,因为我没有使用过它。它可能对一些人有用<代码>{{$string}}
将html转义以以下内容结尾的字符串。要阻止Laravel转义您的html,请使用{!!$string!!}
我正在做类似的事情,但它总是用html解码,我在Laravel 5.0上尝试了这一点,但似乎不起作用。。@thegreencolla这个答案对Laravel4.2是有效的,我不确定它是否能与5.0一起工作,因为我没有使用过它。它可能对一些人有用<代码>{{$string}}
将html转义以以下内容结尾的字符串。要阻止Laravel转义html,请使用{!!$string!!}
{{ $errors->first('email', "<span class='error'>:message</span>")}}