2012-07-02 74 views
0

嗨,我是jQuery的新手。使用jQuery進行文本字段自定義驗證

我想要的工作原理是這樣的確認:

如果文本字段具有特定值,說「ROBI」,然後提交單擊事件的文本字段將成爲空的,但不是「ROBI」以外的任何值將成功提交數據。

請提出一些建議。

回答

1
$("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

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

});