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

时间:2012-07-02 18:43:29

标签: jquery events

嗨,我是jQuery的新手。

我想要一个像这样的验证:

如果文本字段具有特定值,例如“Robi”,则在提交点击事件时,文本字段将变为空,但除“Robi”之外的任何值都将成功提交数据。

请一些建议。

3 个答案:

答案 0 :(得分:1)

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

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

答案 1 :(得分:1)

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
        }
    });

答案 2 :(得分:1)

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; }
   });

});