javascript - 按tab键时java脚本表单验证

标签 javascript php jquery html ajax

我遇到了一个问题。我总共有 4 个文本框字段,每个框都需要一个提交按钮。但我想做的是,当按 Tab 键时,如果这些字段为空,则不需要跳转到第二个字段,给出带有红色边框的错误,否则跳转到第二个文本字段。[JSFidle][1]

最佳答案

尝试这样

Js Fiddle

$('input').keydown(function(e) {
    var code = e.keyCode || e.which;
    $(this).css('border','');
    if (code == '9') {        
        if($(this).val()==''){
             $(this).next().html('this field is required!');
             $(this).css('border','1px solid red');
            $( this ).focus();
            return;
        }           
    }
 });

关于javascript - 按tab键时java脚本表单验证,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/33980551/

相关文章:

JavaScript:将文本复制到剪贴板并附加源超链接

php - 获取错误对象类 mysqli_result 无法转换为字符串

javascript - 将数据库值加载为 k :v pairs into PHP,,然后加载到 JavaScript 数组中

javascript - If 语句内嵌套 For of 循环仅保留最后一个值

javascript - coffeescript,jquery中的每个循环

javascript - 中断原型(prototype)函数传播

php - 为什么 PHP 错误消息在其 HTML 表示中包含指向函数名称的链接?

php - 使用php从时间戳获取时间和日期

jquery - 使用 jQuery 定位在 Meteor 中渲染的元素

jquery - 将 jQuery 包含到 WordPress 模板中