MVC利用ajax验证登陆问题

2014-10-05 10:48:52 267 阅读 AI 写同款 · GEO 优化AI 选题数据监测一键分发 ›

基于yolo11的BGA图像目标检测 15.YOLOv8的n/s版本（如YOLOv8n-1280），或通过TensorRT量化压缩模型。3.使用自适应batch_size（如根据GPU显存动态调整），推荐16-32。为采集分辨率整数倍（如原图2592×1944，训练时缩放为640×480），保持宽高比。14.采用余弦退火学习率（cos_lr）和早停（patience=50），防止过拟合。1.模型标注后，少量标注全部人工校验，大量数据抽检，部分人工检验。13.部署模型后持续收集困难样本（如模棱两可的预测结果），定期迭代更新模型。阅读详情

MVC在控制器中可以用ModelState.AddModelError("", "提供的用户名或密码不正确。");这种方式赋值错误提示，前端用@Html.ValidationSummary()方法显示。但是这有个问题，@Html.ValidationSummary()方法最终显示是带ul标签显示。
如果页面排版不适合在页面新增内容，而是用alert弹窗来显示错误信息更合适。这要怎么弄？现在不知道思路如何走。我只知道是用js里的ajax来实现。但是遇到很多奇怪问题：
Controllers代码：

public ActionResult Index()

        {

            return View();

        }



        [HttpPost]

        public ActionResult Index(Operation.Model.userInfo ui)

        {

            if (ModelState.IsValid)

            {

                try

                {

                    Operation.BLL.userInfo uiBLL = new Operation.BLL.userInfo();

                    ui.pwd = System.Web.Security.FormsAuthentication.HashPasswordForStoringInConfigFile(ui.pwd, "MD5").ToUpper();

                    if (uiBLL.Exists(ui))

                    {

                        return RedirectToAction("Index", "UserInfo");

                    }

                    else

                    {

                        return Content("用户名密码错误！");

                    }

                }

                catch

                {

                    return View();

                }

            }

            else

            {

                return View();

            }

        }

JS代码：

$(document).ready(function () {

    /*登陆按钮*/

    $('#loginBtn').click(function () {

        $.ajax({

            url: '/Login/Index',

            data: 'string',

            type: 'post',

            success: function (data) {

                alert(data);

            }

        });

    });

    /**登陆按钮 END**/

});

View代码：

@model Operation.Model.userInfo



@using (Html.BeginForm("LoginAction", "Login", null, FormMethod.Post, new { id = "myform", name = "myform" }))

{

    <table cellpadding="0" cellspacing="0" border="0">

        <tr>

            <td colspan="2">

                @Html.AntiForgeryToken()

                @Html.ValidationSummary(true)

            </td>

        </tr>

        <tr>

            <td>

                用户名：

            </td>

            <td>

                @Html.TextBoxFor(model => model.userName)

            </td>

        </tr>

        <tr>

            <td>

                <pre>密　码：</pre>

            </td>

            <td>

                @Html.PasswordFor(model => model.pwd)

            </td>

        </tr>

        <tr>

            <td></td>

            <td>

                <input type="image" src="~/Images/loginBtn.gif" id="loginBtn"/>

            </td>

        </tr>

    </table>

}

我的控制器Index方法在else中要如何返回字符串或者json让JS的点击事件可以成功读取到信息，这个JS代码读取的Index是一开始return View那个方法，弹出来的是页面源码，另外写一个方法输出striing或者json是可以成功接收并弹出的，但是登陆按钮是button，不是submit。求大神给点思路。
我想的思路应该是按钮先submit表单内容给后台，然后后台进行判断用户名密码是否正确，不通过返回一个错误字符串或json格式数据给前端，前端用ajax接收数据利用alert弹出错误提示。

如果说只是单纯获取JsonResult方法或者string方法那很简单，不需要提交表单，但是这个登陆验证肯定是要先提交表单，在后台验证后再获取验证信息然后进行页面跳转或提示错误。这个就没有头绪了，求大神支招

...全文