提交form之前用js判断表单名是为空(表单必填项)的简单方法

2017-06-21 建站知识 浏览 手机预览
文章来源:http://www.imtr.cn/html/n55.html

在表单的实际使用过程中,我们需要对用户提交的信息做简单的判断,限制某些input选项为必填项目,这时候我们就需要用到下面的判断代码。此代码只能判断表单内容是否为空,不能判断表单的内容是否规范。

首先在<form>里加入id="form",就像这样:<form id="form">

然后写入以下代码,代码中的id和表单的id要一一对应,请自行修改:

<script>
  $(document).ready(function() {
    $('#form').submit(function() {
      if ($('#aaaa').val() == "") {
        $('#aaaa').focus();
        alert("请填写您的名字!");
        return false;
      }
      if ($('#bbbb').val() == "") {
        $('#bbbb').focus();
        alert("请填写您的联系电话!");
        return false;
      }
      if ($('#cccc').val() == "") {
        $('#cccc').focus();
        alert("请填写您的邮箱!");
        return false;
      }
      if ($('#dddd').val() == "") {
        $('#dddd').focus();
        alert("请填写您的收货地址!");
        return false;
      }
    })
  });
</script>


原文地址:http://www.imtr.cn/html/n55.html
  • 如果你的问题还没有解决,可以点击页面右侧的“ ”,站长收到问题后会尽快回复解决方案到你的邮箱。
  • 创造始于问题,有了问题才会思考,有了思考,才有解决问题的方法,才有找到独立思路的可能。 —— 陶行知