profile_pic

You can fo↑↑ow my blog

WX:_2guagua

2022年5月

禁止input中输入连续2位或超过2位且重复的数字

例如:11234、45532、00019

<input type=text onkeyup="if(/(\d)\1/.test(this.value)) alert('有重复')">

禁止input中输入连续或不连续的2位或超过2位且重复的数字

例如:11234、45532、00019、12134、45325、01090

onkeyup="for(i=0; i<this.value.length; i++) if(this.value.replace(this.value[i],'').indexOf(this.value[i]) > -1) alert('有重复了');"

<html>
<script language="JavaScript" type="text/javascript"> 
function changeBtnable(){
    $("#btn").removeAttr("disabled");
}
function changeBtndisable(){
    $("#btn").attr("disabled","true");
}
function checkInput(){
    var text = $("#money").val();
    if(text==null||text==""){
        changeBtndisable();
    }
}
</script> 
 
<script src="jquery-3.1.1.min.js"></script>
<body> 
<div id="dd">
    <input id="money" onmouseleave="checkInput()" oninput="changeBtnable()"/>
    <input id="btn" disabled type="button"/>
</div> 
 
</body>

方法一:实现输入框只能输入正整数,输入同时禁止了以0开始的数字输入,防止被转化为其他进制的数值。

<input type='text' oninput="value=value.replace(/^(0+)|[^\d]+/g,'')">

方法二: 实现输入框只能输入正整数

<input type="text" name="price" id="price" value=""
onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^\d]/g,''))" 
oninput="value=value.replace(/[^\d.]/g,'')" />

方法三:限制文本框只能输入正数,负数,小数

<input type="text" oninput="value=value.replace(/[^\-?\d.]/g,'')" />

方法四:限制文本框只能输入正数,小数精确2位

<input oninput="MachineSellSortInfoDlg.checkNumber(this)"  MAXLENGTH="5" type="text" class="form-control">
 
只能输入0到100的小数,小数点后只能输入两位
function checkNumber(obj)
{
    obj.value=obj.value.toString().match(/^\d+(?:\.\d{0,2})?/) //只能输入2位小数
    if (obj.value.indexOf('.') < 0 && obj.value != '') {  //输入替换,如输入05,直接替换为5,防止出现01,02这种情况
        obj.value = parseFloat(obj.value);
    }
}

input框对字母、汉字、符号的一些判别

输入中文:

<input type="text" oninput="this.value=this.value.replace(/[^\u4e00-\u9fa5]/g,'')">

输入英文:

<input type="text" oninput="this.value=this.value.replace(/[^a-zA-Z]/g,'')">

input输入框输入数字并限制输入数字大小或者限制输入数字长度

限制数字最大值

<input type="number"  oninput="if(value>100)value=100"/>

限制数字最小值

<input type="number"  oninput="if(value<0)value=0" />

限制数字最大值和最小值

<input type="number"  oninput="if(value>30)value=30;if(value<0)value=0"/>

限制数字长度

限制数字的长度

<input type="number"  oninput="if(value.length>16)value=value.slice(0,16)"/>

限制数字大小及数字长度

限制数字大小及数字长度

<input type="number"  oninput="if(value>30)value=30;if(value<0)value=0;if(value.length>16)value=value.slice(0,16)"/>

限制input框只能输入0~100的正整数

方法一:

<input type="number" oninput="if(!/^[0+]+$/.test(value)) value=value.replace(/\D/g,'');if(value>100)value=100;if(value<0)value=null" v-model='testNum'>

判断语句一共三个if

(1)先用正则判断是否为正整数,如果不是,就用replace方法将非数字的字符替换为为空

(2)判断范围,大于100,就让输入的值直接为100,

(3)小于0,就让输入的值为null

注意:需要将input的type类型设置为number类型,是限制只能输入数字(包含浮点型和整型数据)

方法二:

<input type="number" min='0' max='100' v-model='testNum'>

直接通过设置是三个属性,type、min、max即可,就可以设置0~100的整数

注意:如果想输入浮点型数据,就将min、max 后增加小数位数定义浮点类型数据的输入

<input type="number" min='0.00' max='100.00' v-model='testNum'>

补充:

还有一个属性step,input框可以通过键盘的上下键去增加或者减少input输入的数值,step设置为多少,那么增加或者减少的幅度就是多少。例如:

<input type="number" min='0.00' max='100.00' step='0.1' v-model='testNum'>

step='0.1' 那么通过键盘加减幅度就是0.1

法二有时候会失效~

失效的话就用法一~

我想在下拉菜单列表中指定数字范围,例如我正在执行的示例中的1-24

<select name="hour">
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
...
...
<option value="24">24</option>
</select>

可以使用PHP for循环:

<select name="hour">
    <?php for ($i = 1; $i <= 24; $i++) : ?>
        <option value="<?php echo $i; ?>"><?php echo $i; ?></option>
    <?php endfor; ?>

        int i =5;
        if (i<6){
            System.out.println("第一个if");
        }if (i<8){
            System.out.println("第二个if");
            //第一和第二个if都会执行
        } else if (i<8) {
            System.out.println("第三个if");
            //if执行了后面的else if就不执行
        } else{
            System.out.println("else执行力");
        }

if:当多个if都满足执行条件时,if都会执行互不干扰

else if:当前面有if满足条件时else if就不会判断执行

一、JS的三种最常见的对话框

//====================== JS最常用三种弹出对话框 ======================== 
 
  //弹出对话框并输出一段提示信息 
  function ale() { 
    //弹出一个对话框 
    alert("提示信息!"); 
 
  } 
 
  //弹出一个询问框,有确定和取消按钮 
  function firm() { 
    //利用对话框返回的值 (true 或者 false) 
    if (confirm("你确定提交吗?")) { 
      alert("点击了确定"); 
    } 
    else { 
      alert("点击了取消"); 
    } 
 
  } 
 
  //弹出一个输入框,输入一段文字,可以提交 
  function prom() { 
    var name = prompt("请输入您的名字", ""); //将输入的内容赋给变量 name , 
 
    //这里需要注意的是,prompt有两个参数,前面是提示的话,后面是当对话框出来后,在对话框里的默认值 
    if (name)//如果返回的有内容 
    { 
      alert("欢迎您:" + name) 
    } 
 
  } 

- 阅读剩余部分 -

php中弹出对话框的方法如下,一般,在提交信息后需要弹出对话框提示,之后可以自动关闭对话框,弹出对话框有下面集中方法,其实都是利用javascript中的alert()方法。提示结束后关闭当前页,同样可以用javascript的Window.self.close()来实现。

####确切语句如

echo  " <script> window.self.close(); </script> ";


###1. php弹出对话框

//弹出对话框

<?php

echo "<script language=\"JavaScript\">alert(\"你好\");</script>";

?>

 

//关闭当前页

 

echo  " <script> window.self.close(); </script> ";

或者

<?php

print "<script language=\"JavaScript\">alert(\"你好\");</script>";

?>

####2. 如果需要php弹出对话框之后返回原来页面可以这么写

<?php

echo "<script language=\"JavaScript\">\r\n";

echo " alert(\"你好\");\r\n";

echo " history.back();\r\n";

echo "</script>";

exit;

?>

或者

<?php

print "<script language=\"JavaScript\">\r\n";

print " alert(\"你好\");\r\n";

print " history.back();\r\n";

print "</script>";

exit;

?>

####3. 如果需要php弹出对话框之后用新的页面替换原来的页面(更换当前历史纪录),原来页面可以这么写

<?php

echo "<script language=\"JavaScript\">\r\n";

echo " alert(\"你好\");\r\n";

echo " location.replace(\"http://www.asm32.net/\");\r\n"; // 自己修改网址

echo "</script>";

exit;

?>

或者

<?php

print "<script language=\"JavaScript\">\r\n";

print " alert(\"你好\");\r\n";

print " location.replace(\"http://www.asm32.net/\");\r\n"; // 自己修改网址

print "</script>";

exit;

/**

 * JS提示跳转

 * @param  $tip  弹窗口提示信息(为空没有提示)

 * @param  $type 设置类型 close = 关闭 ,back=返回 ,refresh=提示重载,jump提示并跳转url

 * @param  $url  跳转url

 */

function alert($tip = "", $type = "", $url = "") {

    $js = "<script>";

    if ($tip)

        $js .= "alert('" . $tip . "');";

    switch ($type) {

        case "close" : //关闭页面

            $js .= "window.close();";

            break;

        case "back" : //返回

            $js .= "history.back(-1);";

            break;

        case "refresh" : //刷新

            $js .= "parent.location.reload();";

            break;

        case "top" : //框架退出

            if ($url)

                $js .= "top.location.href='" . $url . "';";

            break;

        case "jump" : //跳转

            if ($url)

                $js .= "window.location.href='" . $url . "';";

            break;

        default :

            break;

    }

    $js .= "</script>";

    echo $js;

    if ($type) {

        exit();

    }

}

####客户端实现
####保存以下代码运行
<!doctypehtml>
<htmllang="en">
<head>
  <meta charset="UTF-8">
  <title>注册</title>
  <script type="text/javascript">
    //创建ajax引擎
    function getXmlHttpObject(){
      var xmlHttpRequest;
      //不同浏览器获取对象XMLHttpRequest
      if(window.ActiveXObject){
        xmlHttpRequest=new ActiveXObject("Microsoft.XMLHTTP");
      }
      else{
        xmlHttpRequest=new XMLHttpRequest();
      }
      return xmlHttpRequest;
    }
    var myXmlHttpRequest="";
    //验证用户名是否存在
    function checkName(){
      myXmlHttpRequest=getXmlHttpObject();
      //判断xmlHttpRequest是否成功
      if(myXmlHttpRequest){
        //通过myXmlHttpRequest对象发送请求到服务器的某个页面
        //第一个参数标示请求的方式,‘get'、‘post'
        //第二个参数指定url,对那个页面发送ajax请求(本质仍然是http请求)
        /*XMLHttpRequest.open(bstrMethod, bstrUrl, varAsync, bstrUser,bstrPassword);
         */
        var url="sercardid.php?name="+document.getElementById('name').value;
        //window.alert(url);
        myXmlHttpRequest.open("get",url,true);
        //window.alert('创建ajax引擎成功');
        //指定回调函数,chuili是函数名
        myXmlHttpRequest.onreadystatechange=chuli;//调用
        //真的发送请求,如果是各塔请求则填入null即可
        //如果是post请求,则填入实际数据
        myXmlHttpRequest.send(null);
      }
      else
      {
//        window.alert('创建失败');
      }
    }
    function chuli(){
      // window.alert("cuhli函数被调用"+myXmlHttpRequest.readyState);
      //我要取出从register.php返回的数据
      if(myXmlHttpRequest.readyState==4){
        //取出值,根据返回信息的数据格式
        //window.alert("服务器返回"+myXmlHttpRequest.responseText);
        $('myres').value=myXmlHttpRequest.responseText;
      }
    }
    function $(id){
      return document.getElementById(id);
    }
  </script>
</head>
<body>
<form action="yancardid.php" method="post">
  用户名字:<input type="text" name="name" onkeyup="checkName()" id="name">
  <input type="button"value="验证用户名">
  <input style="border-width:0;color: #e93b3d" type="text" id="myres">
  <br/>
  用户密码:<input type="password" name="password"><br>
  电子邮件:<input type="text" name="email"><br/>
  <input type="submit"value="用户注册">
</form>
</body>
</html>

####服务端实现
###保存以下代码为yancardid.php

<?php
//引入数据库链接配置文件
$con = mysqli_connect('localhost', 'vip', 'vip');
if(! $con )
{
 die('连接失败: ' . mysqli_error($con));
}
mysqli_select_db($con,'member');
$cardid = "select cardid FROM u_users where cardid = '$_GET[name]' ";
$result = mysqli_query($con,$cardid);
$rows=mysqli_num_rows($result);


if($rows > 0){
    echo "卡号已注册"   ;
    exit;
}else{
    echo "卡号可用";   
}
mysqli_close($con)
?>

####客户端实现
####保存以下代码运行

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<style>
#btn{width:80px;height:30px;}
</style>
</head>
<body>
<form> 
请输入手机号:
<input type="text" id="name" name="name">
<input type="button" onclick="show()" id="btn" value="验证">
</form>
<p id="txt"></p>
<script>
var usernamereg = /^1(3|4|5|7|8)\d{9}$/;
function show(){    
var name=document.getElementById("name").value;
var xmlHttp=new XMLHttpRequest();
var url="yantel.php";
xmlHttp.onreadystatechange=function stateChanged() 
{ 
if (xmlHttp.readyState==4 || xmlHttp.readyState=="complete"){ 
    if(!usernamereg.test(name)){
        document.getElementById("txt").innerHTML="手机号有误";
    }else{
    document.getElementById("txt").innerHTML=xmlHttp.responseText 
        } 
    }
}
xmlHttp.open("POST",url,true);
xmlHttp.setRequestHeader("Content-type","application/x-www-form-urlencoded");
xmlHttp.send("name=" + name);
} 
</script>
</body>
</html>



####服务端实现
####保存以下代码yantel.php给上面调用

<?php
//引入数据库链接配置文件
$con = mysqli_connect('localhost', 'vip', 'vip');
if(! $con )
{
 die('连接失败: ' . mysqli_error($con));
}
mysqli_select_db($con,'member');
$tel = "select tel FROM u_users where tel = '$_POST[name]' ";
$result = mysqli_query($con,$tel);
$rows=mysqli_num_rows($result);


if($rows > 0){
    echo "手机号已注册"   ;
    exit;
}else{
    echo "手机号可用";   
}
mysqli_close($con)
?>