GVKun编程网logo

在Laravel中,如何验证所有输入字段,如何显示错误消息(如果有),并在出现错误时返回带有输入的表单

21

关于在Laravel中,如何验证所有输入字段,如何显示错误消息和如果有,并在出现错误时返回带有输入的表单的问题就给大家分享到这里,感谢你花时间阅读本站内容,更多关于angularjs–如何显示数字类型

关于在Laravel中,如何验证所有输入字段,如何显示错误消息如果有,并在出现错误时返回带有输入的表单的问题就给大家分享到这里,感谢你花时间阅读本站内容,更多关于angularjs – 如何显示数字类型的输入字段的最小值和最大值的错误消息?、C:标准输入和文件输入,如何输入字符串并在文件中显示新行、Django表单:如果无效,则显示带有错误消息的表单、javascript – JQuery mobile:如何验证表单并在页面上显示错误消息等相关知识的信息别忘了在本站进行查找喔。

本文目录一览:

在Laravel中,如何验证所有输入字段,如何显示错误消息(如果有),并在出现错误时返回带有输入的表单

在Laravel中,如何验证所有输入字段,如何显示错误消息(如果有),并在出现错误时返回带有输入的表单

首先,您在代码中做错了。在验证器规则和消息数组中,您确实写错了。

请检查以下代码,它将解决您的问题。

    $messages=
         [
      'eid.required'                =>   "The :attribute field is required",'eid.email'             =>    "The :attribute :input format should be example@example.com/.in/.edu/.org....",'eid.unique'           =>   "The :attribute :input is taken. Please use another email address",'confirm_password.same'  =>   "Password and Confirm password fields must match exactly",'mobno.digits'           =>    "The :attribute  field accepts only numbers",'mobno.digits:10'        =>    "The :attribute should be 10 digits long",'dob.date_format'        =>    "The date format :input should be YYYY-MM-DD",'address.string'         =>    "The :attribute :input must be in the form of a string"
 
];

    $rules = [
      
              'first_name'       =>    'required','last_name'        =>     'required','eid' => 'required|email|unique:users','password'         =>      'required|min:8','confirm_password' =>      'required|min:8|same:password','mobno'            =>    'required|digits:10','dob'              =>      'required|date|date_format:Y-m-d','gender'           =>       'required','address'          =>       'required|string','country'          =>         'required'
];

页面被重定向回,但输入字段未填充过去的输入。 对于这个问题,您可以尝试以下方法一定可以解决

$validate =  Validator::make($request->all(),$rules,$messages);
 

if($validate->fails()){
    return redirect()->back()->withErrors($validate->messages())->withInput();
}

在输入值属性中,请这样写: value =“ {{old('name')}}”“

<input type="text" name="name" value="{{ old('name') }}" />
<input type="email" name="email" value="{{ old('email') }}" />
<input type="text" name="first_name" value="{{ old('first_name') }}" />
,

您的字段名称和规则不匹配。请更新

"name="eid"会成为name="email",因为规则'email' => 'required|email|unique:users'会寻找。

然后还更新$email = $request->email;

要在重定向错误后重置先前输入的值,请按以下方式更新视图:

视图中:

<input type="text"name="email" value="{{ old('email') }}">

注意

如果您希望将其保留为eid,那也可以,您只需确保所有内容都使用eid,即:

<div>
 <label for="eid">Email/Username:</label>
  <input type="text"name="eid" value="{{ old('eid') }}">
  <small>{{ $errors->first('eid') }}</small>
</div>




$email = $request->eid;


'eid.email' => "The :attribute :input format should be example@example.com/.in/.edu/.org....",'eid.unique' => "The :attribute :input is taken. Please use another email address",

angularjs – 如何显示数字类型的输入字段的最小值和最大值的错误消息?

angularjs – 如何显示数字类型的输入字段的最小值和最大值的错误消息?

如何设置/显示我使用角度js在数字类型的输入字段上设置的最小值和最大值的错误消息.

<input type="number" min="0.1" max="30"/>

解决方法

请使用以下代码,使用angularjs验证在数字输入类型字段中显示最小值和最大值的错误消息.

对于数字输入类型字段的ng-maxlength和ng-minlength.

<form name="myForm">
    <input type="number" name="count" ng-model="count" max="30" min="0.1">
    <spanng-show="myForm.user.$dirty && myForm.user.$invalid">
        <span ng-show="myForm.user.$error.min">Count should be above 0.1.</span>
        <span ng-show="myForm.user.$error.max">Count should be below 30.</span>
    </span>
</form>

对于文本输入类型字段的最大长度和最小长度.

<form name="myForm">
    <input type="text" name="username" ng-model="username" ng-minlength="5" ng-maxlength="15">
    <spanng-show="myForm.username.$dirty && myForm.user.$invalid">
        <span ng-show="myForm.username.$error.minlength">Username should be minimum 5 character.</span>
        <span ng-show="myForm.username.$error.maxlength">Username should be maximum 15 character.</span>
    </span>
</form>

C:标准输入和文件输入,如何输入字符串并在文件中显示新行

C:标准输入和文件输入,如何输入字符串并在文件中显示新行

您需要循环执行,然后将每个数字分别写入文件。 假设你不知道你会提前插入多少个数字先询问用户,将其保存在一个 int 变量中并在其上运行循环

Django表单:如果无效,则显示带有错误消息的表单

Django表单:如果无效,则显示带有错误消息的表单

我是Django表单,它可以检查表单是否有效:

if form.is_valid():     return HttpResponseRedirect(''/thanks/'')

但是我错过了如果无效的怎么办?如何返回带有错误消息的表格?我没有在任何示例中看到“其他”。

答案1

小编典典

如果在表单无效时呈现相同的视图,则可以在模板中使用来访问表单错误form.errors

{% if form.errors %}    {% for field in form %}        {% for error in field.errors %}            <div>                <strong>{{ error|escape }}</strong>            </div>        {% endfor %}    {% endfor %}    {% for error in form.non_field_errors %}        <div>            <strong>{{ error|escape }}</strong>        </div>    {% endfor %}{% endif %}

一个例子:

def myView(request):    form = myForm(request.POST or None, request.FILES or None)    if request.method == ''POST'':        if form.is_valid():            return HttpResponseRedirect(''/thanks/'')    return render_to_response(''my_template.html'', {''form'': form})

javascript – JQuery mobile:如何验证表单并在页面上显示错误消息

javascript – JQuery mobile:如何验证表单并在页面上显示错误消息

嗨,我是JQM的新手,我正在尝试在JQM登录页面上工作.

任何人可以帮助我如何进行表单验证并在用户名和密码文本框下面显示错误,如果它们是空的,并且当登录无效时我必须在表单顶部显示它作为错误消息.

这是我的HTML:

    <!DOCTYPE html>
<html>
<head>
    <title>Login Page</title>
    <Meta name="viewport" content="width=device-width, height=device-height, initial-scale=1.0"/>
    <link rel="stylesheet" href="jquery.mobile/jquery.mobile-1.4.2.min.css" /> 
    <script src="jquery.mobile/jquery.js"></script>
    <script src="js/login1.4.2.js"></script>
    <script src="jquery.mobile/jquery.mobile-1.4.2.min.js"></script> 

</head>
<body>
    <input type="hidden" id="session_key" />
    <div data-role="page" id="login"data-ajax="false">
        <div data-role="header"   >
            <h3>Login Page</h3>
        </div>

        <div data-role="main">
            <form id="check-user"  data-ajax="false">
                <fieldset  >
                    <div>
                        <label for="username"https://www.jb51.cc/tag/required/" target="_blank">required">Enter your username:</label>
                        <input  type="text" value="" name="username" id="username"/>
                        <label for="password">Enter your password:</label>
                        <input type="password" value="" name="password" id="password" />
                    </div>
                    <buttonname="submit" id="submit" value="submit">Submit</button>
                </fieldset>
            </form>

        </div>
    </div>


    <div data-role="page" id="panel-main" >
        <div data-role="header">
            <h1>main panel</h1>
        </div>
        <div role="main">
            <p>main panel</p>
        </div>
    </div>

</body>
</html>

这是我的JS文件

$(document).on('pageinit', '#login',  function() {
    $("#submit").on("click",function(){


       $.ajax({
          url: "login_back.PHP",
          type: "GET",
          data: $("form#check-user").serialize(),
          async: true,
          callback: 'jsonLogin',
          dataType:'jsonp',
          success: function (result) {
            if(result.status==true)
            {
                $('#session_key').val(result.session_key);
                $( ":mobile-pagecontainer" ).pagecontainer( "change", "#panel-main" );
            }
            else
            {
                alert("Wrong Username/Email and password combination");// here insted of alert i want to display it as error message in the form
            }
          },
          error: function (request,error) {
            alert('Network error has occurred please try again!'+error);
          }, 

        });
        return false;
    });

});

解决方法:

只需将jQuery验证插件与jQuery Mobile结合使用即可.

工作示例:http://jsfiddle.net/Gajotres/RLJHK/

HTML:

<div data-role="page" id="home" data-theme="b">
    <form id="form1">
        <div data-role="header">
            <h2>Get Update</h2>

        </div>
        <div data-role="content">
            <div data-role="fieldcontainer">
                <label for="fname" data-theme="d">First Name:</label>
                <input type="text" id="fname" name="fname" data-theme="d" placeholder="Enter First Name"/>
                <br />
            </div>
            <div data-role="fieldcontainer">
                <label for="lname" data-theme="d">Last Name:</label>
                <input type="text" id="lname" name="lname" data-theme="d" placeholder="Enter Last Name"/>
            </div>
            <div data-role="fieldcontainer">
                <label for="email" data-theme="d">E-mail Address:</label>
                <input type="email" id="email" name="email" data-theme="d" placeholder="Enter Email"/>
            </div>            
        </div>
        <div data-role="footer" data-position="fixed">
            <div>
                <div>
                    <div>
                        <input type="button" data-icon="delete" value="Cancel" id="cancel"/>   
                    </div>
                </div>
                <div>
                    <div>
                        <input type="submit" data-icon="check" value="Submit" id="submit"/>
                    </div>
                </div>
            </div>
        </div>
    </form>                  
</div>
<div data-role="page" id="success" data-theme="b">
    <div data-role="header">
        <h2>Thank You !!!</h2>
    </div>
</div>

JavaScript的:

$('#form1').validate({
    rules: {
        fname: {
            required: true
        },
        lname: {
            required: true
        },
        email: {
            required: true
        }
    },
    messages: {
        fname: {
            required: "Please enter your first name."
        },
        lname: {
            required: "Please enter your last name."
        },
        lname: {
            required: "Please enter your email."
        }
    },
    errorPlacement: function (error, element) {
        error.appendTo(element.parent().prev());
    },
    submitHandler: function (form) {
        $(':mobile-pagecontainer').pagecontainer('change', '#success', {
            reload: false
        });
        return false;
    }
});

CSS:

.error {
    color:red;
}

如果您想了解有关此主题的更多信息,请查看here.

我们今天的关于在Laravel中,如何验证所有输入字段,如何显示错误消息如果有,并在出现错误时返回带有输入的表单的分享就到这里,谢谢您的阅读,如果想了解更多关于angularjs – 如何显示数字类型的输入字段的最小值和最大值的错误消息?、C:标准输入和文件输入,如何输入字符串并在文件中显示新行、Django表单:如果无效,则显示带有错误消息的表单、javascript – JQuery mobile:如何验证表单并在页面上显示错误消息的相关信息,可以在本站进行搜索。

本文标签: