Question

我正在尝试为输入创建一些简单的验证。如果输入的值为＆＃34; abc＆＃34;我想在输入中添加一个红色类，并将文本颜色更改为红色。不知怎的，我想停止提交表格。

到目前为止，这是我的代码：

$(document).ready(function () {
    $('#inputname').click(function () {
        if ($("#inputname").val('abc') {
            $("#inputname").addClass(red);
        } else {
            $("#inputname").removeClass(red);
        }
        });
    });

HTML：

<input type="text" value="abc" name="inputname" id="inputname" class="inputname"
  onblur="if (this.value == ``) {this.value = `abc`;}"
  onfocus="if (this.value == `abc`) {this.value = ``;}" />

CSS：

.red { color: #FF0000;}

的jsfiddle： https://jsfiddle.net/n5x4q0bp/

Answer 1

.val（）是一种设置值的方法。您需要获取当前值并进行检查

     if ($("#inputname").val()=='abc') {
        $("#inputname").addClass('red');
    } else {
        $("#inputname").removeClass('red');
    }

Answer 2

$(document).ready(function() {
  $('#inputname').focusout(function() {
    if ($("#inputname").val() == 'abc') {
      $("#inputname").addClass('red');
      $('#submit_button').attr('onclick', 'return false;');

    } else {
      $("#inputname").removeClass('red');
      $('#submit_button').removeAttr('onclick');
    }
  });
});

<input type="text" value="" name="inputname" id="inputname" class="inputname" onblur="if (this.value == '') {this.value = 'abc';}" onfocus="if (this.value == 'abc') {this.value = '';}" />
<input type="submit" id="submit_button" />

Answer 3

这是正在运行的代码

  $(document).ready(function () {

    $('#inputname').focusout(function () {

        if ($("#inputname").val()=="abc") {
            alert("value");
            $("#inputname").css("color", "RED");

        } else {
            $("#inputname").css("color", "black");
            // your form submit code here
        }
        });


    });

检查输入值并使用jQuery添加类

3 个答案: