码迷,mamicode.com
首页 > 其他好文 > 详细

表单中填写不完整拒绝提交

时间:2020-08-03 18:38:35      阅读:86      评论:0      收藏:0      [点我收藏+]

标签:red   sum   cli   解决   orm   error   比较   注意   use   

一、使用submit提交表单

使用html5的标签

//在必填表单项中添加
required

二、使用点击事件提交表单

注意:必须将表单属性改为button

//1、input形式
<input id="registerbtn"  type="button" value="注册"/>
//2、button形式   (button默认类型为sumbit)
<button type="button" id="registerbtn" value="注册"/>

获取每个表单的值判断是否存在

var t = $(‘#regform‘).serializeArray();
$.each(t, function (i, item) {
    if (item[‘value‘] == ‘‘) {
        $("#error").html(‘信息不可为空‘)
    } else {
        $("#error").html(‘‘)
    }
})

解决方案(比较死板)

$("#adminOn").click(function() {
      var data = $("#adminForm").serialize();
      if ($("#username").val() == "" || $("#L_pass").val() == "" || $("#phone").val() == "") {
            alert("请填写完整信息");
            return
      }
$.post("/admin/addAdmin",data,function(rs){
//获取值,如果成功跳转登录界面
    if (rs.code == 20000) {
        alert(rs.msg);
    } else {
        alert(rs.msg);
 }
},"json");

 

表单中填写不完整拒绝提交

标签:red   sum   cli   解决   orm   error   比较   注意   use   

原文地址:https://www.cnblogs.com/64Byte/p/13427393.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!