Question

这是我的代码，我无法将我的HTML连接到javascript 我只想用字母表登录用户名和密码

<!DOCTYPE html>
<head>

<title>Login Form</title>
<script type="text/javascript" src="login.js">
</head>

<body>
<div id="dumdiv">
<form name="frm" method="post" action="login.php" id="f1" onkeyup="AllowAlphabet()">
    <table>
      <tr>
 <td class="f1_label">User Name :</td><td><input type="text" name="username" value="" />
            </td>
                </tr>
      <tr>

密码：

this is the javascript file

<script type="text/javascript">
function AllowAlphabet(){
           if (!frm.alphabet.value.match(/^[a-zA-Z]+$/) && frm.alphabet.value !="")
           {
                frm.alphabet.value="";
                frm.alphabet.focus(); 
                alert("Please Enter only alphabets in text");
           }
}      
</script>

Answer 1

你应该把输入字段上的onkeyup放在

表格上

<input type="text" name="username" value="" onkeyup="AllowAlphabet()" />

Answer 2

将函数AllowAlphabet添加到输入元素onkeyup事件

中

<input type="text" name="username" value="" onkeyup="AllowAlphabet(this)" />

使用此

更改javascript中的功能

function AllowAlphabet(ele){
   if (!$(ele).val().match(/^[a-zA-Z]+$/) && $(ele).val() !="")
   {
        $(ele).val("");
        alert("Please Enter only alphabets in text");
        $(ele).focus(); 
   }
}

小提琴：http://jsfiddle.net/T6U9G/1/

<强>更新

最后你的代码看起来像

在你的HTML中：

<form name="frm" method="post" action="login.php" id="f1">
    <table>
      <tr>
 <td class="f1_label">User Name :</td><td><input type="text" name="username" value="" onkeyup="AllowAlphabet(this)" />
            </td>
                </tr>
      <tr>
 <td class="f1_label">Password :</td><td><input type="password" name="password" value="" onkeyup="AllowAlphabet(this)" />
            </td>
                </tr>

在你的javascript中：

function AllowAlphabet(ele){
   if (!$(ele).val().match(/^[a-zA-Z]+$/) && $(ele).val() !="")
   {
        $(ele).val("");
        alert("Please Enter only alphabets in text");
        $(ele).focus(); 
   }
}

Answer 3

如果您使用浏览器支持，HTML5可以用作

<input type="text" name="user_name" pattern="[A-Za-z]" title="Alphabet only">

否则你可以使用和平答案

Javascript仅限登录字母

3 个答案: