مرجع تخصصی برنامه نویسان

انجمن تخصصی برنامه نویسان فارسی زبان

کاربر سایت

scorpan

عضویت از 1393/07/14

اعنبار سنجی در تبها

  • جمعه 24 دی 1395
  • 21:13
تشکر میکنم

سلام من یه فرم ثبت نام دارم که 4 تا تب داره ولی اعتبار سخجی فقط روی تب جاری کار میکنه چه کار باید بکنم ؟ متشکرم

این هم کل کد ویو :

@model DrogWebSite.ModelView.UserViewModel

@{
    ViewBag.Title = "Register";
    Layout = "~/Views/Shared/_Layout.cshtml";
}

@section style{

}
<div class="alert alert-warning" role="alert">
    <strong>ثبت نام <br> </strong>لطفا فرم ثبت نام را با دقت پر فرمایید
</div>

@*@using (Html.BeginForm("Register", "User", FormMethod.Post))*@
@using (Ajax.BeginForm("Register", "User", new AjaxOptions { HttpMethod = "Post", Url = "/User/Register" }))
{
    @Html.AntiForgeryToken()
    @Html.ValidationSummary(true)


    <ul class="tab">
        <li><a href="javascript:void(0)" id="isaccepttab" class="tablinks" onclick="openCity(event, 'Company')"> مشخصات شرکت /فروشگاه </a></li>
        <li><a href="javascript:void(0)" id="noaccepttab" class="tablinks" onclick="openCity(event, 'CEO')"> مشخصات مدیر</a></li>
        <li><a href="javascript:void(0)" id="noaccepttab" class="tablinks" onclick="openCity(event, 'Tech')">  مشخصات مسئول فنی </a></li>
        <li><a href="javascript:void(0)" id="noaccepttab" class="tablinks" onclick="openCity(event, 'User')">   مشخصات کاربری </a></li>

    </ul>




    <div id="Company" class="tabcontent">
     
                @Html.ValidationSummary(true)
                <div style="width:50%; float:right">

                    <div class="editor-label">
                        @Html.LabelFor(model => model.users.Name)
                    </div>
                    <div class="editor-label ">
                        @Html.EditorFor(model => model.users.Name, new { @class = "text" })
                        <a class="text-danger">  @Html.ValidationMessageFor(model => model.users.Name)</a>
                    </div>
                    <div class="editor-label">
                        @Html.LabelFor(model => model.users.UserTypeID)
                    </div>
                    <div class="editor-field">
                        @Html.DropDownListFor(model => model.users.UserTypeID, new SelectList(Model.usertype, "ID", "Title"), "لطفا نوع را انتخاب کنید")
                        @Html.ValidationMessageFor(model => model.users.UserTypeID)
                    </div>
                    <div class="editor-label">
                        @Html.LabelFor(model => model.users.licenseNum)
                    </div>
                    <div class="editor-field">
                        @Html.EditorFor(model => model.users.licenseNum, new { placeholder = "غیر اجباری" })
                        @Html.ValidationMessageFor(model => model.users.licenseNum)
                    </div>

                    <div class="editor-label">
                        @Html.LabelFor(model => model.users.RegisterationNum)
                    </div>
                    <div class="editor-field">
                        @Html.EditorFor(model => model.users.RegisterationNum)
                        @Html.ValidationMessageFor(model => model.users.RegisterationNum)
                    </div>

                    <div class="editor-label">
                        @Html.LabelFor(model => model.users.NationalIDCo)
                    </div>
                    <div class="editor-field">
                        @Html.EditorFor(model => model.users.NationalIDCo)
                        @Html.ValidationMessageFor(model => model.users.NationalIDCo)
                    </div>

                    <div class="editor-label">
                        @Html.LabelFor(model => model.users.EconomicCode)
                    </div>
                    <div class="editor-field">
                        @Html.EditorFor(model => model.users.EconomicCode)
                        @Html.ValidationMessageFor(model => model.users.EconomicCode)
                    </div>

                    <div class="editor-label">
                        @Html.LabelFor(model => model.users.CompanyEmail)
                    </div>
                    <div class="editor-field">
                        @Html.EditorFor(model => model.users.CompanyEmail)
                        @Html.ValidationMessageFor(model => model.users.CompanyEmail)
                    </div>

                    <div class="editor-label">
                        @Html.LabelFor(model => model.users.StaeID)
                    </div>
                    <div class="editor-field">
                        @Html.DropDownListFor(model => model.users.StaeID, new SelectList(Model.states, "ID", "Title"), "لطفا استان خود را انتخاب کنید")
                        @Html.ValidationMessageFor(model => model.users.StaeID)
                    </div>

                    <div class="editor-field" id="divcities">

                    </div>

                    <div class="editor-label">
                        @Html.LabelFor(model => model.users.CompanyAddress)
                    </div>
                    <div class="editor-field">
                        @Html.EditorFor(model => model.users.CompanyAddress)
                        @Html.ValidationMessageFor(model => model.users.CompanyAddress)
                    </div>
                </div>
                <div style="width:50%; float:right">
                    <div class="editor-label">
                        @Html.LabelFor(model => model.users.PostalCode)
                    </div>
                    <div class="editor-field">
                        @Html.EditorFor(model => model.users.PostalCode)
                        @Html.ValidationMessageFor(model => model.users.PostalCode)
                    </div>

                    <div class="editor-label">
                        @Html.LabelFor(model => model.users.Tell)
                    </div>
                    <div class="editor-field">
                        @Html.EditorFor(model => model.users.Tell)
                        @Html.ValidationMessageFor(model => model.users.Tell)
                    </div>

                    <div class="editor-label">
                        @Html.LabelFor(model => model.users.Fax)
                    </div>
                    <div class="editor-field">
                        @Html.EditorFor(model => model.users.Fax)
                        @Html.ValidationMessageFor(model => model.users.Fax)
                    </div>

                    <div class="editor-label">
                        @Html.LabelFor(model => model.users.WebSite)
                    </div>
                    <div class="editor-field">
                        @Html.EditorFor(model => model.users.WebSite)
                        @Html.ValidationMessageFor(model => model.users.WebSite)
                    </div>
                </div>
                <div style="margin-right:200px">
                    <input type="submit" class="btn btn-lg btn-success" value="مرحله بعد" id="tab1" />
                </div>
    
    </div>

    <div id="CEO" class="tabcontent">
        @Html.ValidationSummary(true)
                <div class="editor-label">
                    @Html.LabelFor(model => model.users.CEOName)
                </div>
                <div class="editor-field">
                    @Html.EditorFor(model => model.users.CEOName)
                    @Html.ValidationMessageFor(model => model.users.CEOName)
                </div>

                <div class="editor-label">
                    @Html.LabelFor(model => model.users.CEOFather)
                </div>
                <div class="editor-field">
                    @Html.EditorFor(model => model.users.CEOFather)
                    @Html.ValidationMessageFor(model => model.users.CEOFather)
                </div>

                <div class="editor-label">
                    @Html.LabelFor(model => model.users.CEONationalCode)
                </div>
                <div class="editor-field">
                    @Html.EditorFor(model => model.users.CEONationalCode)
                    @Html.ValidationMessageFor(model => model.users.CEONationalCode)
                </div>

                <div class="editor-label">
                    @Html.LabelFor(model => model.users.CEOCellphon)
                </div>
                <div class="editor-field">
                    @Html.EditorFor(model => model.users.CEOCellphon)
                    @Html.ValidationMessageFor(model => model.users.CEOCellphon)
                </div>

                <div class="editor-label">
                    @Html.LabelFor(model => model.users.CEOBirthday)
                </div>
                <div class="editor-field">
                    @Html.TextBoxFor(model => model.users.CEOBirthday, new { @class = "pdate" })
                    <input type="hidden" name="extra" id="extra">
                    @Html.ValidationMessageFor(model => model.users.CEOBirthday)
                </div>
                <div class="editor-label">
                    @Html.LabelFor(model => model.users.EducationID)
                </div>
                <div class="editor-field">
                    @Html.DropDownListFor(model => model.users.EducationID, new SelectList(Model.educations, "ID", "Name", "لطفا تحصیلات را انتخاب کنید"))
                    @Html.ValidationMessageFor(model => model.users.EducationID)
                </div>

                <div class="editor-label">
                    @Html.LabelFor(model => model.users.CEOEmail)
                </div>
                <div class="editor-field">
                    @Html.EditorFor(model => model.users.CEOEmail)
                    @Html.ValidationMessageFor(model => model.users.CEOEmail)
                </div>

    </div>

    <div id="Tech" class="tabcontent">
        @Html.ValidationSummary(true)
                <div class="editor-label">
                    @Html.LabelFor(model => model.users.TechName)
                </div>
                <div class="editor-field">
                    @Html.EditorFor(model => model.users.TechName)
                    @Html.ValidationMessageFor(model => model.users.TechName)
                </div>

                <div class="editor-label">
                    @Html.LabelFor(model => model.users.TechFather)
                </div>
                <div class="editor-field">
                    @Html.EditorFor(model => model.users.TechFather)
                    @Html.ValidationMessageFor(model => model.users.TechFather)
                </div>

                <div class="editor-label">
                    @Html.LabelFor(model => model.users.TechNationalCode)
                </div>
                <div class="editor-field">
                    @Html.EditorFor(model => model.users.TechNationalCode)
                    @Html.ValidationMessageFor(model => model.users.TechNationalCode)
                </div>

                <div class="editor-label">
                    @Html.LabelFor(model => model.users.TechCell)
                </div>
                <div class="editor-field">
                    @Html.EditorFor(model => model.users.TechCell)
                    @Html.ValidationMessageFor(model => model.users.TechCell)
                </div>

                <div class="editor-label">
                    @Html.LabelFor(model => model.users.TechBirthday)
                </div>
                <div class="editor-field">
                    @Html.TextBoxFor(model => model.users.TechBirthday, new { @class = "pdate" })
                    <input type="hidden" name="extra" id="extra">
                    @Html.ValidationMessageFor(model => model.users.TechBirthday)
                </div>

                <div class="editor-label">
                    @Html.LabelFor(model => model.users.TechEmail)
                </div>
                <div class="editor-field">
                    @Html.EditorFor(model => model.users.TechEmail)
                    @Html.ValidationMessageFor(model => model.users.TechEmail)
                </div>

    </div>

    <div id="User" class="tabcontent">
        @Html.ValidationSummary(true)

                <div class="editor-label">
                    @Html.LabelFor(model => model.users.UserName)
                </div>
                <div class="editor-field">
                    @Html.EditorFor(model => model.users.UserName)
                    @Html.ValidationMessageFor(model => model.users.UserName)
                </div>

                <div class="editor-label">
                    @Html.LabelFor(model => model.users.Password)
                </div>
                <div class="editor-field">
                    @Html.EditorFor(model => model.users.Password)
                    @Html.ValidationMessageFor(model => model.users.Password)
                </div>
                <div class="editor-label">
                    @Html.LabelFor(model => model.users.ConfirmPassword)
                </div>
                <div class="editor-field">
                    @Html.EditorFor(model => model.users.ConfirmPassword)
                    @Html.ValidationMessageFor(model => model.users.ConfirmPassword)
                </div>

                <div class="editor-label">
                    @Html.LabelFor(model => model.users.Email)
                </div>
                <div class="editor-field">
                    @Html.EditorFor(model => model.users.Email)
                    @Html.ValidationMessageFor(model => model.users.Email)
                </div>

    </div>



    <div style="margin-right:200px">
        <input type="submit" class="btn btn-lg btn-success" value="ثبت نام" />
    </div>

}


@section Scripts {

    <script type="text/javascript">
        $(function () {
            $("#users_StaeID").change(function () {
                $.ajax({
                    url: "/User/GetCities",
                    data: { stateid: $("#users_StaeID").find(":selected").val() },
                    type: "Post",
                    dataType: "Html",
                    success: function (result) {
                        $("#divcities").html(result)
                    }
                    ,
                    error: function () {
                        alert("خطا!");
                    }
                })

            })
        })

    </script>
    <script>
        var objCal1 = new AMIB.persianCalendar('users_CEOBirthday',
            { extraInputID: "extra", extraInputFormat: "YYYYMMDD" }
        );
        var objCal2 = new AMIB.persianCalendar('users_TechBirthday',
            { extraInputID: "extra", extraInputFormat: "YYYYMMDD" }
        );

    </script>

    <script type="text/javascript">
        $(document).ready(
            function () {
                document.getElementById("Company").style.display = "block";
                document.getElementById("Company").currentTarget.className += " active";

            });
    </script>




    <script>
            function openCity(evt, cityName) {
                // Declare all variables
                var i, tabcontent, tablinks;

                // Get all elements with class="tabcontent" and hide them
                tabcontent = document.getElementsByClassName("tabcontent");
                for (i = 0; i < tabcontent.length; i++) {
                    tabcontent[i].style.display = "none";
                }


                // Get all elements with class="tablinks" and remove the class "active"
                tablinks = document.getElementsByClassName("tablinks");
                for (i = 0; i < tablinks.length; i++) {
                    tablinks[i].className = tablinks[i].className.replace(" active", "");
                }

                // Show the current tab, and add an "active" class to the link that opened the tab
                document.getElementById(cityName).style.display = "block";
                evt.currentTarget.className += " active";
            }
        </script>





}


پاسخ های این پرسش

تعداد پاسخ ها : 6 پاسخ
کاربر سایت

ایمان مدائنی

عضویت از 1392/01/20

  • شنبه 25 دی 1395
  • 10:12

متوجه نشدم دوست من

هر 4 تب در صفحه هستند ؟

و میگید با زدن دکمه فقط تب اول اعتبار سنجی میشه ؟

ایا بقیه تب ها تاگ Form جدا دارند ؟

کاربر سایت

scorpan

عضویت از 1393/07/14

  • شنبه 25 دی 1395
  • 11:05

هر چهار تب در صفحه هستند . توی تب آخر دکمه ذخیره وجود داره ولی وقتی روی دکمه ذخیره کلیک میشه فقط تب آخر که اکتیو هست اعتبار سنجی میشه . 

دکمه ذخیره روی هر تب باشه فقط همون تب که اکتیو هست اعتبار سنجی میشه 

کاربر سایت

scorpan

عضویت از 1393/07/14

  • شنبه 25 دی 1395
  • 11:05

تبها تگ فرم جدا ندارند 

کاربر سایت

ایمان مدائنی

عضویت از 1392/01/20

  • شنبه 25 دی 1395
  • 11:21

کد زیر را امتحان کنید

<script type="text/javascript">
    $(document).ready(function () {
        $("#myForm").submit(function () {
            $("#tabs").tabs("select", $("#myForm .input-validation-error").closest(".ui-tabs-panel").get(0).id);
        });
    });

کاربر سایت

scorpan

عضویت از 1393/07/14

  • شنبه 25 دی 1395
  • 11:46

نه متاسفانه با این کد هم نمیشه 

مهندس اگر ممکنه کدهای منو چک کنید شاید من دارم یه جا اشتباه انجام میدم 

کاربر سایت

ایمان مدائنی

عضویت از 1392/01/20

  • شنبه 25 دی 1395
  • 15:09

بررسی کردم

به نظر مشکلی نداره

کاربرانی که از این پست تشکر کرده اند

هیچ کاربری تا کنون از این پست تشکر نکرده است

اگر نیاز به یک مشاور در زمینه طراحی سایت ، برنامه نویسی و بازاریابی الکترونیکی دارید

با ما تماس بگیرید تا در این مسیر همراهتان باشیم :)