允许用户仅在表单字段中插入YES或No或数字(0-9)

时间:2016-11-05 12:35:47

标签: javascript jquery jquery-plugins jquery-form-validator

我如何允许用户只插入YES或No或数字(0-9)表示如果用户输入值yes或no或数字0-9他们将通过验证否则将收到错误消息。

非常感谢提前

3 个答案:

答案 0 :(得分:1)

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>

<script>
$(document).ready(function(){
  $("#btn").click(function(){
    var txt=$("#txt").val();
    if(txt=="YES" || txt=="NO" || !isNaN(txt)){
      document.getElementById('demo').innerHTML="OK";
    } else {
      document.getElementById('demo').innerHTML="error";
    }
  });
});
</script>
<body>
   <input type="text" id="txt"/>
   <button type="button" id="btn">Submit</button>
   <p id="demo"></p>
</body>

答案 1 :(得分:1)

使用这个简单的javascript函数......

创建文本字段

<input type="text" id="formfield1" onblur="validate()">

将此javascript放在页面的标题部分,

function validate()
{
    var valueOfFormField1 = document.getElementById("formfield1").value;
    if((valueOfFormField1=="YES")||(valueOfFormField1=="NO")||
    (valueOfFormField1=="1")||(valueOfFormField1=="2")||
    (valueOfFormField1=="3")||(valueOfFormField1=="4")||
    (valueOfFormField1=="5")||(valueOfFormField1=="6")||
    (valueOfFormField1=="7")||(valueOfFormField1=="8")||
    (valueOfFormField1=="9")||(valueOfFormField1=="0"))
    {
        return;
    }
    else
    {
        document.getElementById("formfield1").value = "";
        window.alert("You should enter YES, NO or a digit from 0-9");
    }
}

Goodluck与您的编码......

答案 2 :(得分:0)

function validate()
{
    var valueOfFormField1 = document.getElementById("formfield1").value;
    if((valueOfFormField1=="YES")||(valueOfFormField1=="NO")||(valueOfFormField1=="yes")||(valueOfFormField1=="no")||(valueOfFormField1=== parseInt(valueOfFormField1, 10)))
    {
        return;
    }
    else
    {
        document.getElementById("formfield1").value = "";
        window.alert("You should enter YES, NO or a digit from 0-9");
    }
}