JavaScript验证的onblur

Question

我已经写了相同的JavaScript两次，两个文本框，但它同时运行一个文本框脚本我需要编写一次，调用相同的多个文本框

function checkalphabets() { 
    var pattern = /^[a-zA-Z\s]+$/; 
    if (!pattern.test(myTextBox.value)) { 
     modal({ 
      type: 'warning', 
      title: 'Warning', 
      text: 'Only Alphabets allowed!', 
      center: false, 
      callback: function(){ $("#myTextBox").focus();} 
     }); 

     exit; 
     return false; 
    } 
    return true; 

} 
function checkalphabets1() { 
    var pattern = /^[a-zA-Z\s]+$/; 
    if (!pattern.test(TextBox1.value)) { 
     modal({ 
      type: 'warning', 
      title: 'Warning', 
      text: 'Only Alphabets allowed!', 
      center: false, 
      callback: function(){ $("#TextBox1").focus();} 
     }); 

     exit; 
     return false; 
    } 
    return true; 

} 
$('.modal-btn').click(function() { 

     $('#modal-window').hide(); 

    }); 

这里是fiddle

Answer 1

您可以将元素进行检查作为函数的参数：

function checkalphabets($el) { 
    var pattern = /^[a-zA-Z\s]+$/; 
    if (!pattern.test($el.val())) { 
     modal({ 
      type: 'warning', 
      title: 'Warning', 
      text: 'Only Alphabets allowed!', 
      center: false, 
      callback: function(){ $el.focus();} 
     }); 

     return false; 
    } 
    return true; 
} 

调用，检查上的Elemen完成时传递的元素吨。

checkalphabets($("#TextBox1")); 

Answer 2

在您的代码中textbox1和mytextbox是未定义的。通过要素的功能，使他们定义：

function checkalphabets(myinput) { 
    var pattern = /^[a-zA-Z\s]+$/; 
    if (!pattern.test(myinput.value)) { 
     modal({ 
      type: 'warning', 
      title: 'Warning', 
      text: 'Only Alphabets allowed!', 
      center: false, 
      callback: function(){ $(myinput).focus();} 
     }); 

     exit; 
     return false; 
    } 
    return true; 
} 

$('.modal-btn').click(function() { 

     $('#modal-window').hide(); 

    }); 

也是我建议的的onkeyup代替的onblur进行检查每个字符后：

<input name="myTextBox" type="text" id="myTextBox" onkeyup="checkalphabets(this)" /> 
<input name="TextBox1" type="text" id="TextBox1" onkeyup="checkalphabets(this)" /> 

ASLO这将是很好的主意减去警告后不允许的字符。

Answer 3

你能想到将这个值作为输入传递给Javascript中的函数吗？&从下面的解释中提取这个变量的值？

HTML：

<form method="post" action="test.aspx" id="form1"> 
<div class="aspNetHidden"> 
<input type="hidden" name="__VIEWSTATE" id="__VIEWSTATE" value="/wEPDwUJODIwMTY2MjU3ZGQVs14nJwqB/iIms8CsXW3SCzs22w==" /> 
</div> 

<div class="aspNetHidden"> 

    <input type="hidden" name="__VIEWSTATEGENERATOR" id="__VIEWSTATEGENERATOR" value="75BBA7D6" /> 
</div> 
    <div> 
     <input name="myTextBox" type="text" id="myTextBox" onblur="checkalphabets(this)" /> 
     <input name="TextBox1" type="text" id="TextBox1" onblur="checkalphabets(this)" /> 
    </div> 
    </form> 

的Javascript：

function checkalphabets(thisValue) { 
    var pattern = /^[a-zA-Z\s]+$/; 
    if (!pattern.test(thisValue.value)) { 
     modal({ 
      type: 'warning', 
      title: 'Warning', 
      text: 'Only Alphabets allowed t1 & t2!', 
      center: false, 
      callback: function(){ $(thisValue).focus();} 
     }); 

     exit; 
     return false; 
    } 
    return true; 
} 
$('.modal-btn').click(function() { 
     $('#modal-window').hide(); 
    }); 

喜欢聪明人，你可以使用任意数量的文本框的同样的方法！