使用jQuery进行文本字段自定义验证

问题描述:

嗨,我是jQuery的新手。使用jQuery进行文本字段自定义验证

我想要的工作原理是这样的确认:

如果文本字段具有特定值,说“ROBI”,然后提交单击事件的文本字段将成为空的,但不是“ROBI”以外的任何值将成功提交数据。

请提出一些建议。

$("form").on("submit", function() { 
    return $.trim($("#myInputField").val(function(i, val) { 
     return val == "Robi" ? "" : val; 
    }).val()) != ""; 
});​ 

DEMO:http://jsfiddle.net/2mR8b/

+0

我如何可以针对特定的文本字段,如果如果你想针对特定文本字段,我想你会用$(“#id_of_textfield”)我有一个以上的文本框 – user1496872

+0

$(“:text”) –

+0

@ user1496872像Kenny提到的那样,使用ID并使用散列'#'符号进行选择。您可以尝试更新的答案中的DEMO。 – VisioN

HTML:

<form> 
    <input type='text' id='name' /> 
</form> 

脚本:

$("form").on("submit", function() { 
     var name = $("#name").val(); 
     if(name == "Robi"){ 
      $("#name").val(""); 
      return false; 
     } 
     else{ 
      // continue to submit 
     } 
    }); 

HTML:

<form id="myform"> 
<input type="text" id="txtfield" value="" /> 
</form> 

JS:代替

$(document).ready(function() { 

    $('#myform').submit(function() { 
     if ($('#txtfield').val() == "Robi") { $('txtfield').val(''); return false; } 
    }); 

});