使用Javascript在asp.net中验证表单

我刚刚用MVC在asp.net中创建了我的第一个表单，使用Jquery Ajax
当客户端填充字段时，我也会收到成功和不成功消息

表格编号：

<div class="modal fade" id="ShowModal">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <a href="#" class="close" data-dismiss="modal">&times;</a>
                <h4>Registration form</h4>
                <div id="message1">
                    <div class="alert alert-success">
                        <span class="glyphicon glyphicon-ok"></span><strong>Success Message! Your Registration Is Complete</strong>
                    </div>
                </div>

                <div id="message2">
                    <div class="alert alert-danger">
                        <span class="glyphicon glyphicon-remove"></span><strong>Error Message! Your Registration Is Not Complete</strong>
                    </div>
                </div>

                <div class="modal-body">

                    <form id="Registration">
                        <div class="form-group">
                            <div class="input-group">
                                <span class="input-group-addon"><i class="glyphicon glyphicon-user"></i></span>
                                <input class="form-control" type="text" name="Username" id="user" placeholder="User" />
                            </div>
                        </div>
                        <div class="form-group">
                            <div class="input-group">
                                <span class="input-group-addon"><i class="glyphicon glyphicon-envelope"></i></span>
                                <input class="form-control" type="email" name="Email" id="Email" placeholder="Email" />
                            </div>
                        </div>

                        <div class="form-group">
                            <div class="input-group">
                                <span class="input-group-addon"><i class="glyphicon glyphicon-lock"></i></span>
                                <input class="form-control" type="password" name="Password" id="Password" placeholder="Password" />
                            </div>
                        </div>
                    </form>

                    <div class="form-group">
                        <button class="btn btn-info form-control" type="submit" onclick="SaveForm()"><i class="glyphicon glyphicon-registration-mark"> </i>Submit</button>
                    </div>

                </div>
            </div>
        </div>

    </div>

登记表
成功信息！您的注册已完成
错误消息！您的注册未完成
提交

消息的Javascript代码

  <script>
   <script>
        function SignUp() {
            $("#ShowModal").modal();
            $("#message1").hide();
            $("#message2").hide();

        }
        function SaveForm() {
            var name = $("#user").val();
            var pwd = $("#Password").val();
            var email = $("#Email").val();

            if (name == "" || pwd == "" || email == "") {

                $("#message1").hide();
                $("#message2").show();


                return false;

            }

            var data = $("#Registration").serialize();
            $.ajax({
                type: "post",
                data: data,
                url: "/Register/saveData",
                success: function (result) {

                    $("#message1").show();
                    $("#message2").hide();
                    $("#Registration")[0].reset();
                }
            });
        }

    </script>

函数注册（）{
$（“#ShowModal”）.modal（）；
$（“#message1”）.hide（）；
$（“#message2”）.hide（）；
}
函数SaveForm（）{
var name=$（“#user”）.val（）；
var pwd=$（“#密码”）.val（）；
var email=$（“#email”）.val（）；
如果（姓名=“”| | pwd=“”| |电子邮件=“”）{
$（“#message1”）.hide（）；
$（“#message2”）.show（）；
返回false；
}
var data=$（“#注册”）.serialize（）；
$.ajax({
类型：“post”，
数据：数据，
url:“/Register/saveData”，
成功：功能（结果）{
$（“#message1”）.show（）；
$（“#message2”）.hide（）；
$（“#注册”）[0]。重置（）；
}
});
}

有一种简单的方法来验证电子邮件和密码？ 对于电子邮件，密码必须为6-12个字符。 如果可能，我可以在代码中编辑我的错误消息>>id=“message2”

---

谢谢：）

要进行简单的验证，您可以使用纯JavaScript方法：

// email simple validation
if ( email.includes('@') && email.includes('.') ) {
    // email is valid

} else {
    // error message

}

// password validation
if ( password.length >= 6  && password.length <= 12 ) {
    // password have the desired length

} else {
    // error

}

//电子邮件简单验证
if（email.includes（'@'）&email.includes（'.'））{
//电子邮件是有效的
}否则{
//错误消息
}
//密码验证
如果（password.length>=6&&password.length你有什么问题？