在函数内的If语句中插入JQuery

时间:2015-05-18 13:55:21

标签: javascript jquery html

自从我使用验证编写代码以来,已经有很长一段时间了。我今天的问题是我正在尝试验证一个必须有10个或更多字符的字段。按ok键时,jQuery功能应该触发。

function pathvalid() {
    var str = document.getElementById("pathenabler");
    var n = str.value.length;
    if (n < 10) {
        document.getElementById("demo").innerHTML = "The path that you have entered is either invalid or         incorrect. Please input a valid path.";
    }
    else {
        document.getElementById("demo").innerHTML = "Not Good day!";
        $('.actionenabler') .removeClass('chkbox');
    }
}

2 个答案:

答案 0 :(得分:2)

只需将其添加到“确定”按钮

即可
<input type="button" value="OK" onclick="pathvalid();" />

OR

您可以使用jquery编写代码。 您的输入按钮

 <input type="button" value="OK" id="btn"/>

您的javascript包含:

$(document).ready(function(){
$("#btn").click(function(){
     if($("#pathenabler").text().trim().length < 10){
         $("#demo").append("The path that you have entered is either invalid or incorrect. Please input a valid path.");
      }
       else{
         $("#demo").append("Not Good day!");
         $('.actionenabler').removeClass('chkbox');
      }
});
});

答案 1 :(得分:1)

您可以使用input获取$('#pathenabler').val().length;的长度。

如果我说得对,这个例子可能符合你的需要;)

&#13;
&#13;
function check() {
  var length = $('#text').val().length;
  alert(length);
}
&#13;
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<input id="text" type="text">
<button id="check" onclick="check()">Check input length</button>
&#13;
&#13;
&#13;