表单验证 靠name获取

表单 靠name获取

<form class="add-form" name="form" action="#" method="post" autocomplete="on">
    <input type="text" name="user" placeholder="收货人姓名"/><br/>
    <input type="text" name="tel" id="tel"  placeholder="手机号码"/><br/>
    <input type="search" name="region" placeholder="所在区域"/><br/>
<!--<input type="text" name="tel" placeholder="详细地址"/><br/>-->
<textarea name="area" id="area"  placeholder="详细地址"></textarea>
</form>

js

//判断是否空
function beforeSubmit(form) {
    if (form.user.value == '') {
        alert('用户名不能为空！');
        form.user.focus();
        return false;
        }
    if (form.region.value == '') { 
     alert('省市不能为空！');
    form.region.focus();
    return false;
        }
    if (form.area.value == '') { //name获取元素 name="region"

    //        if ($("#area").value == '') {
        alert('地址不能为空！');
        $("#area").focus();
        return false;
      }

    }
//jquery验证手机号码
function checkSubmitMobil() {
    if ($("#tel").val() == "") {
    alert("手机号码不能为空！");
               //$("#moileMsg").html("<font color='red'>手机号码不能为空！</font>");
    $("#tel").focus();
    return false;
  }
//        var pattern = /^1[34578]\d{9}$/;
    if (!$("#tel").val().match(/^1[34578]\d{9}$/)) {
        alert("手机号码格式不正确！");
         //$("#moileMsg").html("<font color='red'>手机号码格式不正确！请重新输入！</font>");
        $("#tel").focus();
        return false;
        }
    return true;
    }
$(function () {

    $('.submit').click(function () {
        if (checkSubmitMobil()&&beforeSubmit(form)) {
            $('form').submit();
        } else {
        return false;
        }
    });
});

 

转载于:https://www.cnblogs.com/zyjzz/p/6973673.html