Java 脚本不会在离子框架中的 html 文件中运行

Java script doesn't run inside the html file in ionic frame

本文关键字:html 文件 运行 框架 脚本 Java      更新时间:2023-09-26

>我有一个用于获取用户输入的表单。我希望在标头中运行JS以检查验证。

我的 HTML 代码:

<ion-view view-title="{{chat.name}}">
  <ion-content class="padding">
         <head>
    <meta charset="UTF-8">
    <link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.10.3/themes/pepper-grinder/jquery-ui.css" media="screen" rel="stylesheet" type="text/css">

    <script>
        function validateForm(objForm) {
        if (objForm.Make.selectedIndex == 0) {
        alert("Please select a request");
        returnStatus = 0;
        };
        var x = document.forms["request"]["description"].value;
        if (x == null || x == "") {
        alert("Please fill out the description");
        return false;
        }
    }
</script>
</head>
<body>
<h2>Service Request</h2>
<br></br>
    <div id="container">
        <form action="" method="post" id="customtheme" name ="request">
            <p>
                <label for="RequestType" style="padding-right:56px">Request Type:</label>
                    <SELECT NAME="Make" id="request">
                        <option value="0">--Please select--</option>
                        <option value="1">Car Pass Ticket</option>
                    </SELECT>   
            </p>
            <p>
                <label for="description" style="padding-right:56px" style="vertical-align: top;">Description:</label>
                <textarea name="description" id="description" cols="10" rows="6" required></textarea>
            </p>
            <p>
                <input TYPE="BUTTON" VALUE="Submit" name="submit" style="align:center" id="submitbutton" onClick="validateForm(document.request)"/>
            </p>
        </form>
    </div>
</body>
  </ion-content>
</ion-view>

我在标题中有一个 java 脚本,但它没有得到执行。 可以做些什么来修复错误或我可以进行验证的任何其他方法。

把它放在控制器中。你为什么在那里?

<ion-view>被注入<ion-nav-view>,这基本上是ui路由器<ui-view>上的糖。

为什么离子视图内有头部、身体等?

浏览

角度文档,然后浏览 Ionic 文档。这种jQuery方法行不通。并删除该jq-ui.css。你已经有了Ionic,这是一个UI框架。