使用jQuery添加更多表单验证 [英] Adding more form validation with jQuery

问题描述

这是我用于验证用户名是否被采用的jQuery代码！我想添加更多验证，如没有空格，只有数字或字母没有任何空格字符..那么如何在这段代码上添加更多验证？谢谢:)

Here's the jQuery code i'm using for validate if username is taken or not ! I want to add more validation like without space and only numbers or letters without any spacial characters .. So how can add more validation on this code ?? Thanks :)

<script type="text/javascript">
chkUsernameUnique = function(theUsername){
 $.getJSON("../Register/myCFC.cfc", {
 method: 'chkUsername',
 Username: theUsername,
 returnformat: 'json'
 }, function(isUsernameTaken){

 if (isUsernameTaken == true) {
 $("#theErrorDivID").html('Username is not available');
 }
 else {
 $("#theErrorDivID").html('This username is available');
 }
 });
};
</script>

这是输入字段：

Here's the input field :

<cfform id="register_form" action="?" method="post">
<div class="input_title">Username
<cfinput type="text" name="username" placeholder="Username" id="reg_input" size="47" maxlength="15" class="required" onchange="chkUsernameUnique(this.value);" /></div>

推荐答案

.getJSON（ ../Register/myCFC.cfc，{
方法：'chkUsername'，
用户名：theUsername，
returnformat：'json'
}，function（isUsernameTaken）{

if（isUsernameTaken == true）{

.getJSON("../Register/myCFC.cfc", { method: 'chkUsername', Username: theUsername, returnformat: 'json' }, function(isUsernameTaken){ if (isUsernameTaken == true) {

（＃theErrorDivID ）.html（'用户名不可用'）;
}
else {

("#theErrorDivID").html('Username is not available'); } else {

（＃theErrorDivID）。html（'此用户名可用'）;
}
}）;
};
< / script >

("#theErrorDivID").html('This username is available'); } }); }; </script>

这是输入字段：

Here's the input field :

<cfform id="register_form" action="?" method="post">
<div class="input_title">Username
<cfinput type="text" name="username" placeholder="Username" id="reg_input" size="47" maxlength="15" class="required" onchange="chkUsernameUnique(this.value);" /></div>

这篇关于使用jQuery添加更多表单验证的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！