zoukankan      html  css  js  c++  java
  • 前端提交表单两种验证方式记录 jq或h5 required属性

    JQuery:

    <form id="form">
        <input type="text" name="aaa">
        <select name="bbb">
            <option value="">请选择</option>
            <option value="1">选项1</option>
            <option value="2">选项2</option>
            <option value="3">选项3</option>
        </select>
        <button type="button" id="submit">提交</button>
    </form>
    //提交表单
    $('#submit').click(function(){
        var data = {};
        var t = $('#form').serializeArray();
        $.each(t, function() {
            data [this.name] = this.value;
        });
        console.log(data);
        if(data.aaa == ''){alert("aaa不能为空!");return false;}
        if(data.bbb == ''){alert("bbb不能为空!");return false;}
        $('#form').submit();
    });

    HTML5 required属性:

    <input type="text" name="aaa" required="required">
    <select name="bbb" required="required">
        <option value="">请选择</option>
        <option value="1">选项1</option>
        <option value="2">选项2</option>
        <option value="3">选项3</option>
    </select>
        
    <button type="submit">提交</button>
  • 相关阅读:
    块级元素和内联元素
    cookie和session 区别
    hihernate一对多关联映射
    --查询50到80行数据
    单表查询
    表空间 用户
    进程遍历模块遍历
    字符转换函数
    控件综合2
    清理文件2
  • 原文地址:https://www.cnblogs.com/mthp/p/10113970.html
Copyright © 2011-2022 走看看