Question

我有一个下拉菜单和一个文本框。我已经填充了数字类型，如数字，字符，浮点数等下拉列表。基于下拉值需要验证文本框值

$("#textbox").on("keydown",function (e) { 
    var dropdown_val = $("#dropdown option:selected").val(); 
    if ((e.which < 48 || e.which > 57) && dropdown_val === $.trim('NUM')) {     
        $("#transac_errmsg" + transaction_hid).html("Digits only").show().fadeOut("slow"); 
        e.preventDefault(); 
    } 

    if ((e.which <= 64 && e.which >= 91) || (e.which <= 96 && e.which >= 123) && dropdown_val === $.trim('CHAR')) { 
        $("#transac_errmsg" + transaction_hid).html("Letters only").show().fadeOut("slow"); 
        e.preventDefault(); 
    } 
});

只有第一部分对我有用而不是其他部分。帮我这样做

Answer 1

做这样的事情。

有关密码代码，请访问here。

有关实际验证，请参阅此good answer。

<强> HTML

<select id="myDropdown">
    <option value="number">Number</option>
    <option value="text">Text</option>
    <option value="float">Float</option>
</select>
<input type="text" id="myInput"  value="" />

<强> JS

$("#myInput").on("keydown", function(e) {
    var dropdown = $("#myDropdown").val();
    var inputValue = $(this).val();

    if(dropdown === "number") {
        //"Do your number validation here
    } else if(dropdown === "text") {
        //Do your text validation here
    } else  if(dropdown === "float") {
        //Do your float validation here
    }
});

jsFiddle Demo

根据下拉值验证相同的文本框

1 个答案: