验证表单输入是否正确

$(document).ready(function(){
    $('#company_submit').attr('disabled', true);
    //判断用户输入的信息是否符合规则;
    $('#company_people').on('input',function() {
        if ($('#company_people').val() == "") {/*判断输入的是否为空!*/
            $('#company_people').popover('show');
        } else if (isNaN(Number($('#company_people').val()))) {/*判断输入的是否为数字!*/
            $('#company_people').attr('data-content', '请输入数字!');
            $('#company_people').popover('show');
            number1 = false;
        } else {
            $('#company_people').popover('hide');
            number1 = true;
        }
        company_Next();
    });
        $('#company_emil').on('blur',function () {
            if ($('#company_emil').val() == "") {/*判断输入的是否为空!*/
                number2 = false;
                $('#company_emil').popover('show');
            } else if ($('#company_emil').val() != ""){
                $('#company_emil').popover('hide');
                number2 = true;
            }
            company_Next();
        });
    //判断满足下一步的条件
        function company_Next(){
            if (number1 == false || number2==false) {
                $('#company_submit').attr('disabled', true);
            } else {
                $('#company_submit').attr('disabled', false);
            }
        }
});
在网页中,为了验证用户提交的表单数据是否正确,通常会在点击"提交"按钮前执行客户端和服务器端的数据校验。设置点击事件的过程可以分为以下几个步骤: 1. HTML部分:创建一个`<input>`元素,将其type属性设为"submit",并给它一个描述性的名称,比如"id='submitBtn'"。 ```html <form id="myForm"> <!-- 表单字段 --> <input type="text" name="username" required> <input type="email" name="email" required> <!-- 其他输入字段... --> <button type="submit" id="submitBtn">提交</button> </form> ``` 2. JavaScript部分:为这个按钮添加一个事件监听器(如`addEventListener`),当点击时触发函数,检查表单字段是否满足某些条件(例如非空、邮箱格式等)。如果验证失败,显示错误信息或阻止表单提交。 ```javascript document.getElementById('submitBtn').addEventListener('click', function(e) { e.preventDefault(); // 阻止表单默认提交行为 if (!validateForm()) { // 调用验证函数 alert('请检查表单'); return; } // 提交表单... }); function validateForm() { var username = document.forms['myForm']['username'].value; var email = document.forms['myForm']['email'].value; // 检查用户名和邮箱是否为空,邮箱格式是否正确... if (username === '' || !isValidEmail(email)) { return false; // 如果验证未通过返回false } else { return true; // 验证通过返回true } } function isValidEmail(email) { // 自定义的邮箱验证规则... } ```
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值