سلام من یه فرم ثبت نام دارم که 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> }
متوجه نشدم دوست من
هر 4 تب در صفحه هستند ؟
و میگید با زدن دکمه فقط تب اول اعتبار سنجی میشه ؟
ایا بقیه تب ها تاگ Form جدا دارند ؟
هر چهار تب در صفحه هستند . توی تب آخر دکمه ذخیره وجود داره ولی وقتی روی دکمه ذخیره کلیک میشه فقط تب آخر که اکتیو هست اعتبار سنجی میشه .
دکمه ذخیره روی هر تب باشه فقط همون تب که اکتیو هست اعتبار سنجی میشه
تبها تگ فرم جدا ندارند
کد زیر را امتحان کنید
<script type="text/javascript"> $(document).ready(function () { $("#myForm").submit(function () { $("#tabs").tabs("select", $("#myForm .input-validation-error").closest(".ui-tabs-panel").get(0).id); }); });
نه متاسفانه با این کد هم نمیشه
مهندس اگر ممکنه کدهای منو چک کنید شاید من دارم یه جا اشتباه انجام میدم
بررسی کردم
به نظر مشکلی نداره
هیچ کاربری تا کنون از این پست تشکر نکرده است
با ما تماس بگیرید تا در این مسیر همراهتان باشیم :)